小编dth*_*ree的帖子

SASS - 跨多个文件扩展类

我有一个使用一个项目CompassSASS/SCSS.这是一个单页面应用程序.

我有一个拥有所有我的主人.scss文件variables,mixinsfunction声明.

//Master.scss 
$foo: 'bar';

@function border($color) {
  @return 1px solid $color;
}

// etc.
Run Code Online (Sandbox Code Playgroud)

我有一个base.scss文件,具有主UI的CSS.

我的系统在加载后使用AMD稍后导入其他模块.这意味着一些样式表在事后加载.

每个模块,或'App的样式表导入master .scss文件,其中包含所有变量等.master.scss没有任何实际的类声明,因此加载模块时没有重复的导入.

现在,我更喜欢使用@extendmixins,我是在重复相同的代码.如:

.a { @extend .stretch; }
Run Code Online (Sandbox Code Playgroud)

代替:

.a { @include stretch(); },
Run Code Online (Sandbox Code Playgroud)

哪两个都产生相同的结果:

.a { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
Run Code Online (Sandbox Code Playgroud)

做一个extend更好,因为那个代码的重复不会遍布整个地方.这样做:

.stretch { @include stretch() }
.a { @extend .stretch; }
.b { @extend .stretch; }
.c { @extend …
Run Code Online (Sandbox Code Playgroud)

css sass compass-sass

7
推荐指数
1
解决办法
5808
查看次数

Marionette.js CollectionView,只渲染特定的模型

我正在重构我的Backbone.js应用程序以使用Marionette.js,而我正试图将我的脑袋包裹起来CollectionView.

假设我有几个ItemView模型Cow:

// Declare my models.
var Cow = Backbone.Model.extend({});
var Cows = Backbone.Collection.extend({
  model: Cow
});

// Make my views
var GrassPatch = Marionette.ItemView.extend({
  tagName:  'div',
  template: "<section class='grass'>{{name}}</section>",
})

var Pasture = Marionette.CollectionView.extend({});

// Instantiate the CollectionView,
var blissLand = new Pasture({
  itemView: GrassPatch;
});

// Now, add models to the collection.
Cows.add({
  name: 'Bessie',
  hasSpots: true
});

Cows.add({
  name: 'Frank',
  hasSpots: false
});
Run Code Online (Sandbox Code Playgroud)

现在这就是诀窍.我只想要在我的牧场上有斑点的奶牛.在定义我的CollectionView(牧场)时,我是如何告诉它只关注那些hasSpots===的模型true

理想情况下,我希望在所有事件中都有CollectionView过滤器,但最低限度的是,我如何仅根据其模型属性呈现一些ItemView?

UPDATE

我使用了David …

javascript model-view-controller jquery backbone.js marionette

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

Node.js群集 - 什么决定负载平衡?

我已经非常彻底地阅读了这篇文章,并且花了几个小时研究Node.js中的聚类(分叉过程)主题.

我在文章中似乎无法理解的是,如果它们都在同一个端口上侦听,那么是什么决定了哪个工作进程获得请求X?

主进程是否有办法引导请求,还是只是随机的?

cluster-computing node.js

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

Babel,使用不带polyfill的Symbol

我正在使用Babel 6和babel-preset-es2015预设.

在编译代码时,它包含对Symbols的引用,这在Node <=中不受支持v0.12.0.

    throw _iteratorError;

ReferenceError: Symbol is not defined
Run Code Online (Sandbox Code Playgroud)

当我谷歌这个时,我一直看到我需要Babel polyfill.

很大.我不想要它.我只想让Babel把所有东西都转换成直接的ES5.

我错过了什么?

node.js babeljs

6
推荐指数
0
解决办法
450
查看次数

JS - 在函数中覆盖'this'

我正在尝试扩展Array原型:

Array.prototype.rotate = function() {
  var arr = [];
  for (var i = 0; i < this[0].length; ++i) {
    arr[i] = [];
    for (var j = 0; j < this.length; ++j) {
      arr[i].push(this[j][i])
    }
  }
  this = arr;
  return arr;
}
Run Code Online (Sandbox Code Playgroud)

完全花花公子,直到this = arr.那爆炸了.

如何重新分配this原型功能的属性?我希望地狱能够处理以前的阵列配置.

编辑

我为什么这样做?我希望它的行为与其他数组函数一样.例如,这有效:

myArray.pop();
Run Code Online (Sandbox Code Playgroud)

我不需要这样做:

myArray = myArray.pop();
Run Code Online (Sandbox Code Playgroud)

另一个编辑

我这样做是为了解决它,但它似乎很愚蠢:

Array.prototype.rotate = function() 
{
  var arr = [];
  var len = this[0].length;
  for (var i = 0; i < len; ++i) { …
Run Code Online (Sandbox Code Playgroud)

javascript object

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

向 Javascript 开发人员解释指针

我开始向后学习编码:首先是高级别的。这显然会遗漏一些我绝对应该知道的基本概念,当我尝试学习一门低级语言时,它会让我失望。

我曾多次尝试理解指针,但是这些解释很快就超出了我的脑海,通常是因为所有示例代码都使用了使用指针的语言,我不了解其他方面的内容,然后我旋转。

我最(并且非常)精通 Javascript。

你如何解释像我这样悲伤的 Javascript 开发人员的指针?有人能给我提供一个实际的、真实的例子吗?

甚至可以展示,如果 Javascript 有指针,你可以如何做x,并且指针与原始变量不同,因为y.

pointers

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

在输入上省略type ="text"被认为是不好的做法?

我有一个非常垃圾的HTML页面,所以我试图削减它.

type='text'当他们是文本输入时,我总是把我的输入:

<input type="text" />
Run Code Online (Sandbox Code Playgroud)

但是,浏览器似乎并不严格要求.

省略这个属性,文本被认为是不好的做法吗?

html

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

什么节点模块提供CLI提示符?

我一直在寻找一个节点模块,为Node应用程序提供类似REPL的CLI提示接口.

我正在寻找的是询问者提示指挥官之间的混合体.

Node提供了一个内置的REPL模块,但这只是暴露了应用程序的原始javascript.我想为应用程序构建一个虚拟接口.

例如,假设你运行node server.js,你会得到一个提示:

server:~$
Run Code Online (Sandbox Code Playgroud)

这将在您自己的虚拟上下文中表现为基本的unix提示.按enter:

server:~$
server:~$
Run Code Online (Sandbox Code Playgroud)

或者help:

server:~$ help

Commands:

debug [setting]   Enables or disables debugging.
show stats        Displays live stats for your web server.

server:~$
Run Code Online (Sandbox Code Playgroud)

您可以执行自定义命令:

server:~$ debug on -v 7
Debugging turned on with a verbosity of 7
... live logging ...
Run Code Online (Sandbox Code Playgroud)

有什么想法NPM模块处理这个?


9个月后更新

由于无法满足我的需求,我最终构建并发布了Vorpal,这是一个在Node中构建交互式CLI的框架.

prompt node.js npm read-eval-print-loop

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

对象实例化后,JS从构造函数运行函数

是否有可能做到这一点:

var hammer = new Hammer(); // create a new instance
hammer(nail); // really call Hammer.prototoype.hit(object);
Run Code Online (Sandbox Code Playgroud)

我可以在原始对象上弄清楚它,但在创建对象的新实例时却不能。这就是我遇到的:

function Hammer(options) {
  this.config = options.blah;
  this.hit(/* ? */);
  return this;
}

Hammer.prototype.hit = function(obj) {
  // ...
}
Run Code Online (Sandbox Code Playgroud)

当我调用构造函数时,我想传入特殊选项 - 而不是要敲什么钉子。不过后面调用的时候,想传入一个钉子。我错过了一些东西。

javascript

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

将unicode转换为中文字符

假设我有一串这样的代码:

\u00e5\u00b1\u00b1\u00e4\u00b8\u008a\u00e7\u009a\u0084\u00e4\u00ba\u00ba

我将如何使用 Javascript 将这些转换回中文字符:

????

这样我就可以在我的网页上实际显示中文了。现在它出来了å±±ä¸ç人

该网站设法实现了这一点,但是这是他们不公开的 PHP。

我根本不熟悉字符编码的工作原理,所以我什至不知道寻找合适解决方案的术语。

javascript character-encoding

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