基本上是
$("#someid")
Run Code Online (Sandbox Code Playgroud)
要么
$(".someclass")
Run Code Online (Sandbox Code Playgroud)
比...快
$("[someattr='value']")
Run Code Online (Sandbox Code Playgroud)
我会想象它是(也就是说,通过id选择是最快的,然后是类,然后是属性),但是有人知道吗?
我有一个控制器对象,如:
MyApp.objController = Ember.ArrayController.create({
init: function(data) {
data.isValid = function() {
return (data.validity === "valid");
}
this.pushObject(MyApp.MyObj.create(data));
}
});
Run Code Online (Sandbox Code Playgroud)
我的观点是:
{{#each MyApp.objController}}
{{#if isValid}}
<some markup>
{{else}}
<some other markup>
{{/if}}
{{/each}}
Run Code Online (Sandbox Code Playgroud)
我假设ifHandlebars 中的条件接受值和函数,但似乎并非如此.它真的有可能,而我只是做错了吗?
我有以下结构:
node_modules
- my_component
- font
- scss
- my_component.scss
src
- my_app.js
- my_app.scss
Run Code Online (Sandbox Code Playgroud)
我正在尝试导入样式my_component.scss.该文件包含@font-face引用的声明../font/.所以类似于:
// my_component.scss
@font-face {
font-family: 'Helvetica Neue';
font-weight: $weight-medium;
src: url('../font/font-file.eot');
}
Run Code Online (Sandbox Code Playgroud)
在my_app.js我需要与之关联的SCSS文件.所以
// my_app.js
require('./my_app.scss');
//other app-specific code
Run Code Online (Sandbox Code Playgroud)
我是my_app.scss,我正在进口my_component.scss:
// my_app.scss
import 'my_component';
Run Code Online (Sandbox Code Playgroud)
并sassConfig设置为解析,node_modules/my_component/scss以便导入工作.
我的loader配置使用sass-loader,resolve-url-loader和css-loader.这是一个片段:
//loaders.js
loaders.push({
test: /\.scss$/,
loader: 'style!css?sourcemap!resolve-url!sass?sourceMap'
});
Run Code Online (Sandbox Code Playgroud)
这是我观察到的:
webpack-dev-server,url引用正确解析webpack使用相同的conf文件运行时,我进入 …我有许多MySQL表描述模型,如"用户","业务"等.这些表的主键是否应该暴露给客户端?我主要是从安全角度提问,但是还有其他一些我没有想过的考虑因素吗?
我有一个视图,collection如下所示:
MyView = Backbone.View.extend({
initialize: function() {
this.collection.on("change://an attribute of a model in aCollectionToRender", someAction);
}
});
var MyViewInstance = new MyView({
collection: aCollectionToRender
});
Run Code Online (Sandbox Code Playgroud)
基本上,我不想MyView监听整个集合的更改,只需要集合中包含的模型的单个属性.
我意识到有很多替代方案:
aCollectionToRender并.on("change")在这些视图中附加事件.我不想这样做,因为对我的情况来说这不是正确的做法this.collection.on("change")事件,并根据我的要求过滤事件处理程序.这不太优雅,如果Backbone已经允许我按照上面的要求编写事件过滤器,这是重复的代码我只是想知道是否有任何方法来编写已经进行过滤的事件监听器.这个问题也可能是重复的; 我看了但是我没有发现任何类似的东西,但是,有很多Backbone问题
我正在尝试决定是否对我需要编写的函数使用 Javascript 中的 reduce() 方法,它是这样的
var x = [some array], y = {};
for (...) {
someOperation(x[i]);
y[x[i]] = "some other value";
}
Run Code Online (Sandbox Code Playgroud)
现在这显然可以用以下方式写成一个 reduce() 函数:
x.reduce(function(prev, current, index, arr) {
someOperation(current);
prev[current] = "some other value";
return prev;
}, {})
Run Code Online (Sandbox Code Playgroud)
或类似的东西。两者之间是否有任何性能或其他差异?或者其他一些原因(例如浏览器支持),在 Web 编程环境中,哪一个应该比另一个更受青睐?谢谢。
这是代码:
for (var i = 0; i < 10; i++) {
setTimeout(function() {
console.log(i); //prints 9 10 times
console.log(this.i); //prints 0, 1, 2...9
}.bind({i:i}), i * 1000);
}
Run Code Online (Sandbox Code Playgroud)
为什么i以及this.i是指不同的东西?
将此与在全局范围内执行的一些代码进行对比:
var x = 5;
console.log(x);
console.log(this.x);//both will print 5
Run Code Online (Sandbox Code Playgroud)
这里的范围是全球性的,背景也是如此.变量声明在全局上下文中设置相同名称的属性.另一方面,在函数范围内,这不会发生.
var a = function() {
var x = 5;
console.log(x); //5
console.log(this.x); //undefined
console.log(i); //undefined
console.log(this.i); //10
}.bind({i: 10});
a();
Run Code Online (Sandbox Code Playgroud)
即使我们将全局上下文传递到本地范围,在函数中声明变量也不会将其设置为全局上下文的属性.
var a = function() {
var x = 5;
console.log(x); //5
console.log(this.x); //undefined
}.bind(window);
a(); …Run Code Online (Sandbox Code Playgroud) 是否有可能在jQuery移动列表中有多个拆分按钮?
我试过这样做:
<ul data-role='listview'>
<li>
<a href='#' id='1'>1</a>
<a href='#' id='btn1'></a>
<a href='#' id='btn2'></a>
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
但它不起作用.也没有将链接包装在一个<div data-role='controlgroup>.我做错了什么,或者没有黑客是不可能的?
更新:列表是通过执行动态生成的$("#listid).append("<li>...</li>").http://jsfiddle.net/nrpMN/3/.正如下面的mdmullinax所指出的,以下内容确实有效:
<ul data-role='listview'>
<li>
<a href='#' id='1'>1</a>
<div data-role='controlgroup' data-type='horizontal'>
<a href='#' id='btn1'></a>
<a href='#' id='btn2'></a>
</div>
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
谢谢
我已经做了一些谷歌搜索,没有找到在HTML电子邮件中进行图像精灵的指南.所以我有以下问题:
我正在尝试使用从单实例 Redis 服务器获取的 RDB 文件创建 Redis 集群。这是我尝试过的:
#! /usr/bin/env bash
for i in 6000 6001 6002 6003
do
redis-server --port $i --cluster-config-file "node-$i.cconf" --cluster-enabled yes --dir "$(pwd)" --dbfilename dump.rdb &
done
Run Code Online (Sandbox Code Playgroud)
该脚本启动 4 个启用集群的 Redis 进程。它还使用转储文件初始化每个节点。
然后我运行redis-trib.rb以便 4 个节点可以找到彼此:
redis-trib.rb create 127.0.0.1:6000 127.0.0.1:6001 127.0.0.1:6002 127.0.0.1:6003
Run Code Online (Sandbox Code Playgroud)
我收到以下错误:
>>> Creating cluster
[ERR] Node 127.0.0.1:6060 is not empty. Either the node already knows other nodes (check with CLUSTER NODES) or contains some key in database 0.
Run Code Online (Sandbox Code Playgroud)
我还尝试了一种变体,其中仅使用 RDB 文件初始化第一个节点/进程,而其他节点/进程为空。我可以将 3 个空节点加入到一个集群中,但不能将预先填充数据的节点加入到集群中。 …
我正在尝试触发DOM元素上的自定义事件,并传递匿名函数,以便在触发事件时执行(使用jQuery).所以像这样:
$(some-dom).live("custom_event", function(evtObj, data, callback) {
//do some stuff
callback();
});
$(some-button).click(function() {
$(some-dom).trigger("custom_event", some_data, function () {
alert("this is my anonymous function passed as event data");
}
});
Run Code Online (Sandbox Code Playgroud)
所以单击"some-button"应该在"some-dom"上触发"custom_event"并导致我在触发器上传递的匿名函数被执行.对?但是浏览器说自定义事件中的回调未定义.难道我做错了什么?是不允许传递匿名函数作为触发器参数?谢谢
jquery callback anonymous-function jquery-callback custom-events
我正在尝试列出我使用的所有Git远程分支
git branch -r
Run Code Online (Sandbox Code Playgroud)
不幸的是,这也给了我
origin/HEAD -> origin/master
Run Code Online (Sandbox Code Playgroud)
我正在使用shell脚本for来循环遍历分支名称.它把origin/HEAD,->并origin/master作为单独的分支名称,导致错误.为了避免这种情况,我正在使用grep -v过滤掉->
for x in $(git branch -r | grep -v '->')
do #stuff
done;
Run Code Online (Sandbox Code Playgroud)
但我grep -v '->'不行.既不做\-\>或^->(我不是很精通正则表达式)
我如何实现我的需求?(在Git中,通过不首先输出origin/HEAD -> origin/master,或者在中grep)
javascript ×3
jquery ×2
backbone.js ×1
bash ×1
callback ×1
closures ×1
css-sprites ×1
ember.js ×1
git ×1
grep ×1
html-email ×1
mysql ×1
node-sass ×1
redis ×1
reduce ×1
sass ×1
security ×1
webpack ×1