小编Rya*_*ale的帖子

防止jQuery跳转到底部(使用fadeIn时)

我用jQuery创建了一些淡入淡出的div,如果用户向下滚动一下我会遇到问题.如果您不在页面的顶部,当新div消失时,它将始终跳到底部.

这是我的代码:

<style>
#overflowwrap {
   overflow:hidden !important;
}
</style>

<div id="overflowwrap">
   <div id="five" style="display: none;">a lot of content</div>
   <div id="four" style="display: none;">a lot of content</div>
   <div id="three" style="display: none;">a lot of content</div>
   <div id="two" style="display: none;">a lot of content</div>
   <div id="one" style="display: none;">a lot of content</div>
</div>

<script>
$('#overflowwrap').css('max-height',$(window).height());

$("#one").fadeIn(500);
setTimeout( function show() {
   $("#two").fadeIn(500);
}, 3000);
setTimeout( function show() {
   $("#three").fadeIn(500);
}, 6000);
setTimeout( function show() {
   $("#four").fadeIn(500);
}, 9000);
setTimeout( function show() {
   $("#five").fadeIn(500);
}, 12000);
</script>
Run Code Online (Sandbox Code Playgroud)

更新: …

html javascript css jquery

6
推荐指数
1
解决办法
575
查看次数

关闭HTML5视频(iPad)上的按钮

我必须在网页上嵌入一个视频,其中包含一个关闭和停止视频的按钮.关闭后,图像将显示在下方.

所有浏览器都能正常运行.

问题出在iPad上......

基本上在iPad上,"关闭"按钮不起作用(不可点击).将它移动到它工作的视频一侧(关闭视频),但它不会暂停它.该视频托管在Wistia上.它没有问题......

"当每个Wistia嵌入代码类型检测到需要它的设备(即iPhone,iPad)时,它会自动支持HTML5."

这是URL:

http://www.bbyd.eu/projects/test/video_ecom/index.html

javascript jquery html5 ipad

5
推荐指数
1
解决办法
1075
查看次数

悬停时的引导表禁用所选行

我正在使用bootstrap来为我的表行设置on-hover效果.但是我想在选择表格行时删除悬停效果.我选择一行时使用JavaScript设置一个类(select-row).似乎不适合我.我正在使用CSS中的not子句.

我的css:

.table-hover > tbody > tr:not(.select-row):hover > td, 
.table-hover > tbody > tr:not(.select-row):hover > th {
    background-color: #f5fafe;
    color: black;
}

tr.select-row {
    background-color: #bddef9;
}
Run Code Online (Sandbox Code Playgroud)

HTML:

<table class="table table-condensed table-hover">
   <tr>
       <td>xxx</td>
       <td>xxx</td>
   </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

5
推荐指数
1
解决办法
2万
查看次数

如何在Swift中使用具有相同协议变量的多个协议?

我正在迅速实现两个协议, GADCustomEventInterstitialGADCustomEventBanner

这两个协议都需要一个名为的属性delegatedelegate每种协议中的术语是不同的类型,因此会产生冲突。

 class ChartBoostAdapter : NSObject, GADCustomEventInterstitial, GADCustomEventBanner, ChartboostDelegate{
        var delegate:GADCustomEventInterstitialDelegate?; // Name conflict
        var delegate:GADCustomEventBannerDelegate?; // Name conflict
         override init(){

        }
    ...

    }
Run Code Online (Sandbox Code Playgroud)

protocols ios swift

5
推荐指数
3
解决办法
3312
查看次数

Postgres / Postgis-确保所有多边形均已关闭

我需要编写一个查询,该查询查找所有未闭合的多边形,并通过复制第一个点并创建另一个终点来关闭它们。

我可以选择无效的行:

SELECT delivery_zone_id, polygon from delivery_zone WHERE ST_IsClosed(polygon::geometry) = FALSE;
Run Code Online (Sandbox Code Playgroud)

而且我能够转储来自每个多边形的各个点:

SELECT delivery_zone_id, ST_AsText((dp).geom) FROM
    (SELECT delivery_zone_id, ST_DumpPoints(polygon::geometry) AS dp 
        FROM delivery_zone 
        WHERE ST_IsClosed(polygon::geometry) = FALSE
    ) AS coords;
Run Code Online (Sandbox Code Playgroud)

结果看起来像这样:

1   POINT(-96.80037 33.09812)  ## Copy this point and add it to the set
1   POINT(-96.80427 33.0956)
1   POINT(-96.80401 33.09219)
1   POINT(-96.79603 33.09222)
1   POINT(-96.79346 33.09647)
1   POINT(-96.80037 33.09857)

4   POINT(-96.80037 33.099)    ## Copy this point and add it to the set
4   POINT(-96.80427 33.0956)
4   POINT(-96.80401 33.09219)
4   POINT(-96.79603 …
Run Code Online (Sandbox Code Playgroud)

postgresql postgis sqlgeography sqlgeometry

5
推荐指数
1
解决办法
325
查看次数

在可写的计算可观察量中包装localStorage无法破坏缓存

我是KnockoutJS的新手,很想知道这是否可行.我试图将本地存储对象包装在可写的计算中,以便我可以利用KnockoutJS的自动绑定优势.但是,"读取"操作不会引用任何可观察对象 - 因此初始值永远不会更新:

<select data-bind="foreach: logLevelsArray, value: currentLogLevel">
    <option data-bind="attr: { value: $index() }, text: $data"></option>
</select>

_.extend(DevUtilitiesViewModel.prototype, {
    ...
    logLevelsArray: ['error', 'warning', 'info', 'debug'],
    currentLogLevel: ko.computed({
        read: function() {
            return localStorage.getItem("logger-level");
        },
        write: function( newValue ) {
            localStorage.setItem("logger-level", newValue);
        }
    })
    ...
});

DevUtilitiesViewModel.currentLogLevel(); // 2 (default)
DevUtilitiesViewModel.currentLogLevel(4);
localStorage.getItem("logger-level"); // 4 - write was successful
DevUtilitiesViewModel.currentLogLevel(); // 2 - still the original value
Run Code Online (Sandbox Code Playgroud)

我知道这是预期的行为,我理解为什么.我也明白我可以创建currentLogLevel一个简单的observable并订阅它并以这种方式更新本地存储.但是我必须跟踪订阅并手动处理它,编写更多代码,等等.我只是想看看是否有办法做我想做的事情:为本地存储提供一个可观察的getter/setter.

knockout.js computed-observable

4
推荐指数
1
解决办法
999
查看次数

::first-letter 伪元素在 Firefox 中不起作用

我一生都无法弄清楚这一点。我只想将美元符号的样式设置为不同的颜色,并且我想避免在美元符号周围使用其他元素。

<ul>
    <li><strong>John Dow</strong> <div>$5,849,487<sup>84</sup></div></li>
    <li><strong>David Jones</strong> <div>$5,498,364<sup>01</sup></div></li>
    <li><strong>Susie Smith</strong> <div>$5,098,276<sup>35</sup></div></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

这个CSS:

li::first-letter {
    color: blue;
}
li div::first-letter {
    color: red;
}??
Run Code Online (Sandbox Code Playgroud)

蓝色有效,红色无效。

http://jsfiddle.net/ryanwheale/KUzUp/

css firefox pseudo-element

3
推荐指数
1
解决办法
4110
查看次数

从类创建派生类型,但省略构造函数(打字稿)

我有一个这样定义的接口和类:

interface Foo {
  constructor: typeof Foo;
}

class Foo {
  static bar = 'bar';

  constructor(data: Partial<Foo>) {
    Object.assign(this, data);
  }

  someMethod() {
    return this.constructor.bar;
  }

  prop1: string;
  prop2: number;
}
Run Code Online (Sandbox Code Playgroud)

接口是this.constructor强类型所必需的。但是,它破坏了我将普通对象传递给类构造函数的能力:

const foo = new Foo({ prop1: 'asdf', prop2: 1234 });

// Argument of type '{ prop1: string; prop2: number; }' is not assignable to parameter of type 'Partial<Foo>'.
//  Types of property 'constructor' are incompatible.
//    Type 'Function' is not assignable to type 'typeof Foo'.
// …
Run Code Online (Sandbox Code Playgroud)

javascript derived-types typescript

3
推荐指数
1
解决办法
5563
查看次数

工作区中的“pnpm add”不会从工作区添加项目

我正在使用一个非常简单的 monorepo,其结构如下:

.npmrc
package.json
pnpm-workspaces.yml
packages/
  package-1/
  package-2/
Run Code Online (Sandbox Code Playgroud)

当我cd进入 package-1 时,我尝试通过执行以下操作来添加对 package-2 的引用:

.npmrc
package.json
pnpm-workspaces.yml
packages/
  package-1/
  package-2/
Run Code Online (Sandbox Code Playgroud)

但我得到了错误@myorg/package-2 is not in the npm registry, or you have no permission to fetch it.。我希望这pnpm add会检测到我位于工作区中并自动链接工作区包。我在这里错过了什么吗?

以下是您应该需要的相关信息:

monorepo pnpm

3
推荐指数
1
解决办法
7943
查看次数

使用nodemailer从node.js app发送电子邮件

从我的ubuntu(10.04)框中,我没有问题发送电子邮件:

echo "hello" | mail -s 'test email' my_gmail_nickname@gmail.com
Run Code Online (Sandbox Code Playgroud)

当我尝试从同一台机器上运行的node.js应用程序发送电子邮件时,它不起作用.

var nodemailer = require('nodemailer');
nodemailer.SMTP = {
  host: 'localhost'
}
nodemailer.send_mail(
{
    sender: 'me@example.com',
    to:'my_gmail_nickname@gmail.com',
    subject:'Hello!',
    html: 'test',
    body:'test'
},
function(error, success){
    console.log(error);
    console.log(success);
    console.log('Message ' + success ? 'sent' : 'failed');
});
Run Code Online (Sandbox Code Playgroud)

我有错误消息:

me@luc:~/gridteams/services/gpshop$ cat nohup.out 
{ stack: [Getter/Setter],
  arguments: undefined,
  type: undefined,
  message: 'ECONNREFUSED, Connection refused',
  errno: 111,
  code: 'ECONNREFUSED',
  syscall: 'connect' }
null
sent
Run Code Online (Sandbox Code Playgroud)

我看到连接被拒绝但不明白我为什么会收到此错误.你觉得缺少什么?

sendmail node.js nodemailer

2
推荐指数
1
解决办法
1万
查看次数

Node.js 使用 nodemailer 发送带有图像附件的电子邮件

我正在尝试通过发布请求发送电子邮件。我正在使用 Express 和 nodemailer。我对“fs”感到困惑我的电子邮件正在发送,但图像未作为附件包含在内。我检查了文档,但它们似乎都发送了静态文件,而不是从表单请求中流式传输的文件。

var smtpTransport = nodemailer.createTransport("SMTP",{
  service: "Gmail",
  auth: {
    user: "gmail_address@gmail.com",
    pass: "password_for_gmail_address"
  }
});

app.get('/', function(req, res){
    res.send('<form method="post" enctype="multipart/form-data">'
      + '<p>Post Title: <input type="text" name="title"/></p>'
      + '<p>Post Content: <input type="text" name="content"/></p>'
      + '<p>Image: <input type="file" name="image"/></p>'
      + '<p><input type="submit" value="Upload"/></p>'
      + '</form>');
  })

app.post('/', function(req, res, next){
  var mailOptions = {
    from: "gmail_address@gmail.com", // sender address
    to: "somebodyelse@example.com", // list of receivers
    subject: req.body.title, // Subject line
    text: req.body.content, // plaintext body
    attachments:[
      {
        fileName: …
Run Code Online (Sandbox Code Playgroud)

email node.js express node-modules nodemailer

2
推荐指数
1
解决办法
1万
查看次数

JavaScript条件不会像我期望的那样短路

我是一名经验丰富的开发人员,但我遇到了一个问题,我花了一段时间才弄清楚并正在寻找解释.我依靠短路,花了比我更多的时间承认调试这个.如果这属于另一个Stack Exchange站点,请提供建议.

我希望以下内容评估为false,但它通过:

(false && true || true) => true
Run Code Online (Sandbox Code Playgroud)

好像它被解释为:

((false && true) || true) => true
Run Code Online (Sandbox Code Playgroud)

...但解决方案是这样的:

(false && (true || true)) => false
Run Code Online (Sandbox Code Playgroud)

为什么不在false第一个例子中使操作短路?有什么样的前瞻我不知道吗?


解决方案摘要:对于那些(像我一样)从不知道条件运算符具有与数学运算符类似的优先级的人 - 暗示括号的相同概念适用:

3 * 2 + 1 => (3 * 2) + 1 => 7
false && true || true => (false && true) || true => true
Run Code Online (Sandbox Code Playgroud)

javascript short-circuiting conditional-statements

2
推荐指数
1
解决办法
73
查看次数