Tag: underscore.js

Sublime Text 2将下划线模板识别为HTML

所以,我正在使用underscore.js模板,其中我必须把我的html模板内的脚本标记,像这样 <script id="contactTemplate" type="text/template"> <img src="{{ photo }}" alt="{{ name }}" /> <h1>{{ name }}<span>{{ type }}</span></h1> <div>{{ address }}</div> <dl> <dt>Tel:</dt><dd>{{ tel }}</dd> <dt>Email:</dt><dd><a href="mailto:{{ email }}">{{ email }}</a></dd> </dl> </script> 但崇高的文字2正在评估里面的代码作为常规的JS,我该如何改变呢? 提前致谢!

如何使Jade停止HTML编码元素的属性,并产生一个文字string值?

更新 Jade v0.24.0使用!=语法来修复属性。 option(value!='<%= id %>') 我试图用jade创build一个<option> ,其中选项的值是一个UnderscoreJS模板标记: <%= id %>但是我不能让它工作,因为jade将我的标记文本转换为&lt;= id &gt; 。 这是我的Jade标记: script(id="my-template", type="text/template") select(id="type") &lt;% _.each(deviceTypes, function(type){ %> option(value='&lt;%= type.id %>') <%= type.name %> &lt;% }) %> 我期望它产生这个HTML: <script id="my-template" type="text/template"> <select id='type'> <% _.each(deviceTypes, function(type){ %> <option value="<%= type.id %>"> <%= type.name %> </option> <% }) %> </select> </script> 但是我得到的是这样的: […]

JavaScript函数式编程库的现状

图书馆 低短划线下划线的启发,显然修复了很多东西,很棒的API显然它是由下划线的启发,它也做错了! fn.js目前在1.0以下很好的文档,基本的function Bilby.js由Brian Mckenna创build,他正在开发一种编译成JavaScript的函数式语言。 似乎有一个核心的function编程概念。 编辑: Bilby似乎符合幻想土地规范。 “幻想之地”幻想世界不仅包含了大量的函数式编程模块,还包含了一个关于如何实现“代数结构”(也就是你的对象)与图书馆兼容的正式规范。 以此为标准将是一件好事。 几乎没有文件(或我无法find它)。 function性JavaScript一个(如果不是) JavaScript的第一个函数式编程库,看起来很不合时宜,但确实很棒。 Wu.js不太了解,但是Lonsdorf在较老的video中使用了它的autoCurry。 Pointfree Fantasy来自幻想图书馆的function集合将Lonsdorf包装成了无点的风格(无论如何)。 添加 民间故事一个年轻但非常有希望的项目,有吨的模块。 因为它的名字暗示了它的灵感,并实现了代数结构的幻想世界规范。 它的文档很浅,但比幻想地更好。 问题 我想要一个一致的库,使我能够轻松做到这些技巧 ,专注于高层次的function概念(函子,单声道,monad,镜头等),不会放弃发展。 我现在最好的select是什么? 笔记 下划线不包括在内,因为它做错了! 虽然我用它作为标签,因为其他库没有标签。

angular度filter的作品,但会导致“达到$ 10消化迭代”

我从我的后台服务器接收数据,结构如下: { name : "Mc Feast", owner : "Mc Donalds" }, { name : "Royale with cheese", owner : "Mc Donalds" }, { name : "Whopper", owner : "Burger King" } 对于我的观点,我想“倒置”列表。 即我想列出每个所有者,并为该所有者列出所有的汉堡包。 我可以通过在一个filter中使用underscorejs函数groupBy来实现这一点,然后使用ng-repeat指令: JS: app.filter("ownerGrouping", function() { return function(collection) { return _.groupBy(collection, function(item) { return item.owner; }); } }); HTML: <li ng-repeat="(owner, hamburgerList) in […]

如何使用Backbone.Paginator.js运行多个实例?

我正在尝试使用Backbone.Paginator.js在同一页面上运行多个应用程序(paginator的多个实例)。 我创build了一个testing页面。 (导航到backbone.paginator/examples/netflix-infinite-paging )。 我离开了app.js的代码,并创build了app2.js ,这是app.js一个克隆,但是所有的javascript代码都位于一个文件中,并且应用程序已经被重命名为app2。 两个实例工作在页面的第一次加载,但随后的请求/刷新只加载app2.js的数据。 是否有可能在同一页面上运行多个实例? 我有兴趣使用自动分页(无限/无限滚动),所以我试图使用保罗爱尔兰的jQuery Infinite Scroll plugin但我无法得到它的工作。 我正在启动插件以在文档就绪(这不起作用,如预期的那样)上运行,但是也在app2的ResultView中运行代码,这不起作用。 任何想法如何获得自动分页无限滚动解决scheme? 我跑到https://github.com/joneath/infiniScroll.js,但我不知道如何将其与Backbone.Paginator.js集成。 我仍然在学习,任何帮助将不胜感激! 🙂 更新:经过不同浏览器的进一步testing,似乎问题可能是caching问题/差异。 例如,在Safari中,刷新页面时有时(随机)有效。 我不知道如何debugging。 有任何想法吗?

如何在对象上使用下划线的“交集”?

_.intersection([], []) 只适用于原始types,对不对? 它不适用于对象。 我怎样才能使它与对象(也许通过检查“ID”字段)? var a = [ {'id': 1, 'name': 'jake' }, {'id':4, 'name': 'jenny'} ] var b = [ {'id': 1, 'name': 'jake' }, {'id': 9, 'name': 'nick'} ] 在这个例子中,结果应该是: _.intersection(a, b); [{'id':1,'name':'jake'}];

在下划线js,我可以得到多个采用pluck方法的列后,方法作为linqselect投影

var people = [ {firstName : "Thein", city : "ny", qty : 5}, {firstName : "Michael", city : "ny", qty : 3}, {firstName : "Bloom", city : "nj", qty : 10} ]; var results=_.pluck(_.where(people, {city : "ny"}), 'firstName'); 例如:我需要firstName和qty 。

什么是underscore.js相当于LINQ的SelectMany运算符?

想象一下,我有一个嵌套的数组结构。 var nested = [ [1], [2], [3] ]; 使用underscore.js ,我将如何产生一个平坦的数组? 在C#中,你会使用Enumerable.SelectMany像这样: var flattened = nested.SelectMany(item => item); 请注意,在这种情况下,lambda直接select嵌套的项目,但它可以是任何任意的expression式。 在jQuery中,可以使用: var flattened = $.map(nested, function(item) { return item; }); 但是,这种方法不适用于下划线的地图function。 那么如何使用underscore.js得到扁平数组[1, 2, 3] ?

以与backbone.js相反的顺序sortingstring

我正在尝试按相反顺序对Backbone.js集合进行sorting。 以前有关于如何用整数做这个回答,但没有用string。 var Chapter = Backbone.Model; var chapters = new Backbone.Collection; chapters.comparator = function(chapter) { return chapter.get("title"); }; chapters.add(new Chapter({page: 9, title: "The End"})); chapters.add(new Chapter({page: 5, title: "The Middle"})); chapters.add(new Chapter({page: 1, title: "The Beginning"})); alert(chapters.pluck('title')); 上面的代码把A – > Z中的章节sorting,但是如何编写一个从Z – > Asorting的比较器呢?

_.isFunction(a)与typeof a ==='function'? JavaScript的

我认为这可能只是性能的情况下 – http://jsperf.com/comparing-underscore-js-isfunction-with-typeof-function/2 而且似乎typeof更快..所以我的问题是 – 哪个更适合使用?