小编Cap*_*ack的帖子

如何点击事件只对父DIV,而不是孩子?

我有一个带有分类的DIV foobar,以及DIV内部的几个DIV,这些DIV没有被删除,但我想他们继承了这个foobar类:

$('.foobar').on('click', function() { /*...do stuff...*/ });
Run Code Online (Sandbox Code Playgroud)

我想要只在点击DIV中的某个地方而不是在其子DIV上点火时才开启.

jquery events onclick

188
推荐指数
7
解决办法
19万
查看次数

console.log()和console.debug()之间的区别?

Google对我没有帮助,因为搜索"console.debug"只会显示一堆页面上有"console"和"debug"字样的页面.

我想知道console.log()和之间有什么区别console.debug().有没有办法使用一堆console.debug()语句,然后只需翻转一个开关,轻松关闭所有调试语句发送到控制台(如启动网站后)?

javascript console web-developer-toolbar console.log

121
推荐指数
6
解决办法
7万
查看次数

我们还需要HTML5中的结束斜杠吗?

在HTML5中,我们是否还需要像XHTML一样的结束斜杠?

<img src="some_image.png" />
Run Code Online (Sandbox Code Playgroud)

validator.w3.org如果放弃它就没有抱怨,甚至没有警告.但是一些在线文档似乎表明,对于标签,例如img,link,meta,br等,仍然需要结束斜杠.

xhtml html5

114
推荐指数
4
解决办法
4万
查看次数

Bower能否自动将<script>标签写入index.html?

我正在使用yeoman的骨干生成器,我运行了这个:

bower install backbone.localStorage -S
Run Code Online (Sandbox Code Playgroud)

我手动必须将其插入index.html:

<script src="bower_components/backbone.localStorage/backbone.localStorage.js"></script>
Run Code Online (Sandbox Code Playgroud)

凉亭有没有办法自动插入<script>标签?我认为凉亭的部分好处是不必弄清楚包含你的脚本的顺序是什么?

yeoman bower

61
推荐指数
3
解决办法
4万
查看次数

Sublime Text - 如何找出键绑定的内部命令名称?

我想绑定一个快捷键Edit > Tag > Wrap Selection with Tag.我如何找出命令名称,以便将其放入用户密钥绑定中?

sublimetext sublimetext2 sublimetext3

32
推荐指数
1
解决办法
4365
查看次数

是否有标准化的ES6文件扩展名?如果是这样,它是什么?

我想知道ES6是否有标准化的文件扩展名.到目前为止,我已经看到了.es6,并.es6.js为两个选项,但我很好奇,如果一个一般都比较好第三方包和工具支持.如果Mozilla倾向于特定的方向.

javascript ecmascript-6

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

把手,加载外部模板文件

我的目标是将所有Handlebars模板放在一个文件夹中,如下所示:

templates/products.hbs
templates/comments.hbs
Run Code Online (Sandbox Code Playgroud)

我通过粗略的谷歌搜索在一些地方找到了这个片段,显然会在外部文件中加载Handlebar模板,这比将一堆模板放在一个索引文件中更有意义.

(function getTemplateAjax(path) {
    var source;
    var template;

    $.ajax({
        url: path, //ex. js/templates/mytemplate.handlebars
        cache: true,
        success: function(data) {
            source    = data;
            template  = Handlebars.compile(source);
            $('#target').html(template);
        }               
    });         
})()
Run Code Online (Sandbox Code Playgroud)

问题是,我不明白这个功能或如何使用它.为什么整个函数包含在括号中然后进行函数调用?例如,(function x() { ... })()我不知道这是什么做的.

如果我没有弄错的话,看起来就像$('#target')是不应该被硬编码的.此外,这不应该在data某处设置变量,因此模板中引用的变量将起作用吗?似乎正确的功能应该是:

function getTemplateAjax(path, target, jsonData) {
  var source;
  var template;

  $.ajax({
    url: path, //ex. js/templates/mytemplate.handlebars
    cache: true,
    success: function(data) {
      source    = data;
      template  = Handlebars.compile(source);
      $(target).html(template(jsonData));
    }               
  });         
}
Run Code Online (Sandbox Code Playgroud)

旁注:如果有人可以指向一个更好的模板引擎,实际上本身支持外部模板文件,并且比Handlebars更有条理,我会永远感激.

另一个问题:我实际上无法命名我的文件mytemplate.hbs,因为当Ajax调用发生时,它将其视为二进制文件,并以二进制形式出现.我想这是将.hbs的服务器mime类型设置为text/html或text/plain的问题,但问题是这是一个Grunt服务器,我不知道如何更改其mime类型.

javascript template-engine handlebars.js

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

git - 对术语的混淆,"他们的"与"我的"

我对他和他们的意思完全混淆了.在这个特定的情况下,我有一个功能分支,我刚刚压缩了大约80个提交,rebase -i并将其合并回来develop.我遇到了一些冲突,我只想使用我的功能分支上的任何代码.我试过"我的",但实际上似乎反其道而行之.

有人可以对这个术语有所了解吗?

git git-flow git-branch

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

如何为DIV添加填充或边框并保持宽度和高度?

有没有办法保持DIV的设定宽度/高度,并在没有DIV增长的情况下填充内容?见下面的例子.我希望所有的盒子都是140x140.

HTML:

<div class="box1">Howdy.</div>
<div class="box2">Howdy.</div>
<div class="box3">Howdy.</div>?
Run Code Online (Sandbox Code Playgroud)

CSS:

.box1 {
    width: 140px;
    height: 140px;
    background: #f66;
}

.box2 {
    width: 140px;
    height: 140px;
    background: #66f;
    padding: 1em;
}

.box3 {
    width: 140px;
    height: 140px;
    background: #6f6;
    border: 1em solid #000;
}
Run Code Online (Sandbox Code Playgroud)

小提琴:http://jsfiddle.net/Wrc5S/

css

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

CSS线性渐变透明度仅在Safari中行为不正常

在Safari中发生了一些非常奇怪的事情.我正在做一个简单的渐变叠加来做文本淡入淡出效果.它适用于Firefox和Chrome,但不适用于Safari,我觉得很奇怪,因为Safari和Chrome都是基于Webkit的.

苹果浏览器

在此输入图像描述

Chrome和Firefox

在此输入图像描述

CSS代码

.text-fade {
  background: linear-gradient(to top, white, transparent);
  bottom: 0;
  height: 25%;
  margin: 0;
  position: absolute;
  width: 100%;
}
Run Code Online (Sandbox Code Playgroud)

css css3

13
推荐指数
1
解决办法
3302
查看次数