backbone 唯一依赖库Underscore.js

依赖库Underscore

Underscore库是Backbone的唯一依赖库,下面从五个方面介绍Underscore库中处理集合,数组,函数,对象,功能各个类型的主要函数的使用方法;

  1. 集合

each() / map()函数:根据一定条件遍历集合中的每个元素;

each_.each(list, iteratee, [context]) Alias: forEach :

map_.map(list, iteratee, [context]) Alias: collect

Find()/filter()函数:查找或过滤函数,在指定的列表和对象中,寻找符合iteratee迭代器中 自定义函数规则的元素项;

_.find(list, predicate,[context]) Alias: detect

_.filter(list, predicate,[context]) Alias: select

max()/min():返回list列表中最大值和最小值;

_.max(list, [iteratee],[context])

_.min(list, [iteratee], [context])

sortBy(), groupBy():对列表或对象进行排序和分组

_.sortBy(list, iteratee,[context])

_.groupBy(list, iteratee,[context])

  1. 数组

first() /last() 获取数组中的首个或最后一个元素,或指定位数的前面或后面数组

_.first(array, [n]) Alias: head, take

_.last(array, [n])

iindexOf()/lastIndexOf():查找某个元素是否存在于数组中

_.indexOf(array, value,[isSorted])

_.lastIndexOf(array, value,[fromIndex])

without()/union(): 排除数组中的某些或多个数组进行链接

_.without(array, *values)

_.union(*arrays)

  1. 函数

delay():段代码或一个函数推迟执行

_.delay(function, wait,*arguments)

once():创建一个只能调用一次的函数。

_.once(function)

wrap():把函数本身也包装至wraper(包装外层)中,将第一个函数 function 封装到函数 wrapper 里面, 并把函数 function 作为第一个参数传给 wrapper. 这样可以让wrapper 在 function 运行之前和之后 执行代码, 调整参数然后附有条件地执行.

_.wrap(function, wrapper)

compose():用于计算在数学中一些比较复杂的运算, 返回函数集 functions 组合后的复合函数, 也就是一个函数执行完之后把返回的结果再作为参数赋给下一个函数来执行. 以此类推. 在数学里, 把函数 f(), g(), 和 h() 组合起来可以得到复合函数 f(g(h()))。

_.compose(*functions)

  1. 对象

keys()/values():用于返回对象的属性名称和值

_.keys(object)

_.values({one: 1, two: 2, three: 3});

pick()/omit():返回白名单和不属于黑名单的对象

_.pick(object, *keys)

_.omit(object, *keys)

defaults():设置对象默认属性值,重置属性后,默认值则不起作用

_.defaults(object, *defaults)

has():返回对象集合中是否包含指定的Key值,包含返回true, 否则返回false

_.has(object, key)

  1. 功能

random():返回在指定范围内的随机数, 如果你只传递一个参数,那么将返回0和这个参数之间的整数。

_.random(min, max)

escape()/unescape(): HTML将编码和字符串转义;

_.escape(string)

_.unescape(‘Curly, Larry& Moe‘)

template()对页面模块内容进行编译

_.template(templateString,[settings])

chain():返回一个可以进行链式写法的对象, 返回一个封装的对象. 在封装的对象上调用方法会返回封装的对象本身, 直道到value方法调用为止.

_.chain(obj)

时间: 2024-11-09 00:57:31

backbone 唯一依赖库Underscore.js的相关文章

使用Underscore.js的template将Backbone.js的js代码和html代码分离

这段时间在学习Require.js和Backbone.js的过程中,发现有些项目里的HTML代码都是写在View的js代码里面的,渲染的时候需要对Collection进行循环,再将HTML代码拼接上去,这似乎不是一件非常好的事情,因为将js代码和html代码融合到一起会增加代码的维护难度,而且这个过程中考虑到性能的因素,需要将HTML代码放到一个数组中,最后进行拼接,代码写起来比较麻烦.我看到他们的代码之后就在考虑是否有一种类似php模板引擎的东西可以将Collection传递进去然后渲染. 我

underscore.js依赖库函数分析一

Underscore简介: underscore是一个非常简洁,实用的javascript库,和jQuery封装类型差不多,但underscore是backbone的依赖 库,想运行backbone就必须先引入underscore.js.“_”开头是依赖库underscore的一个特征,用于区分其他库函数名.“.” 以后就是函数的名称. Underscore函数: underscore中封装了60多个函数,供开发者使用,接下来一个个分析. 1.each()和map函数 underscore中ea

钉钉js依赖库学习

看别人用的依赖库的好处在于,你知道有什么可以用,什么可以借鉴.(钉钉——协作桌面应用) PS:人最怕是不知道,而不是你不会. 1. jQuery 钉钉使用了1.9.1版本的jQuery,jQuery作为一个最为广泛使用库,已经不用说明它是什么了. 学习地址:http://jquery.com/ PS:Includes Sizzle.js 2. jQuery Hotkeys jQuery插件,可用来监听键盘事件,几乎支持所有的组合键. 学习地址:https://github.com/jeresig

node.js之看懂package.json依赖库版本控制

金天:学习一个新东西,就要持有拥抱的心态,如果固守在自己先前的概念体系,就会有举步维艰的感觉.node.js依赖库的版本控制金天微信:15998603918 欢迎找我聊聊天. 一般node.js项目会依赖大量第三方module, 那么如何控制module的版本呢? 答案通过package.json. "dependencies": { //精确匹配 "async": "1.2.1", //近似 相当于0.7.* "pdfkit"

underscore.js依赖库函数分析二(查找)

查找: 在underscore.js封装了对dom查找的操作,find()和filter()函数,find()函数的查找操作是返回首个与条件相符的元素值,filter()函数是找到与条件相符的所有元素,则返回的就是一个数组,如果没有找到符合条件,则返回一个空的数组.接下来一个个分析: find()函数: 该函数根据iterator迭代器中的自定义函数条件,在集合列表中查找符合条件的第一个元素,如果找到,则返回第一个元素,否则返回“undefined”. 实例: /** * Created by

Underscore.js 的模板功能介绍与应用

Underscore是一个非常实用的JavaScript库,提供许多编程时需要的功能的支持,他在不扩展任何JavaScript的原生对象的情况下提供很多实用的功能,需要了解的朋友可以详细参考下 Underscore是一个非常实用的JavaScript库,提供许多编程时需要的功能的支持,他在不扩展任何JavaScript的原生对象的情况下提供很多实用的功能. 无论你写一段小的js代码,还是写一个大型的HTML5应用,underscore都能帮上忙.目前,underscore已经被广泛使用,例如,b

Underscore.js 1.3.3 源码分析收藏

Underscore是一个提供许多函数编程功能的库,里面包含了你期待(在Prototype.js和Ruby中)的许多功能.但是没有扩展任何内置的Javascript对象,也就是说它没有扩展任何内置对象的原型.它被定位为jQuery和Backbone.js的基础层 源码注释转之网上他人之备注,特收藏以后方便阅读. // Underscore.js 1.3.3 // (c) 2009-2012 Jeremy Ashkenas, DocumentCloud Inc. // Underscore is

[转]Underscore.js 入门-常用方法介绍

Underscore.js是一个很精干的库,压缩后只有4KB.它提供了几十种函数式编程的方法,弥补了标准库的不足,大大方便了 JavaScript的编程.MVC框架Backbone.js就将这个库作为自己的工具库.除了可以在浏览器环境使用,Underscore.js还可 以用于Node.js. Underscor.js定义了一个下划线(_)对象,函数库的所有方法都属于这个对象.这些方法大致上可以分成:集合(collection).数组(array).函数(function).对象(object)

新手入门Underscore.js 中文(template)

Underscore.js是一个很精干的库,压缩后只有4KB.它提供了几十种函数式编程的方法,弥补了标准库的不足,大大方便了javaScript的编程.MVC框架Backbone.js就将这个库作为自己的工具库.除了可以在浏览器环境使用,Underscore.js还可以用于Node.js. Underscor.js定义了一个下划线(_)对象,函数库的所有方法都属于这个对象.这些方法大致上可以分成:集合(collection).数组(array).函数(function).对象(object)和工