本月博客排行
-
第1名
龙儿筝 -
第2名
flashsing123 -
第3名
xiaoxinye - e_e
- java_doom
- johnsmith9th
- gaochunhu
- sichunli_030
- zw7534313
- 深蓝传说
年度博客排行
-
第1名
宏天软件 -
第2名
龙儿筝 -
第3名
青否云后端云 - wallimn
- vipbooks
- gashero
- wy_19921005
- benladeng5225
- fantaxy025025
- zysnba
- e_e
- javashop
- sam123456gz
- tanling8334
- arpenker
- kaizi1992
- xpenxpen
- lemonhandsome
- xiangjie88
- ganxueyun
- xyuma
- sichunli_030
- wangchen.ily
- jh108020
- Xeden
- johnsmith9th
- zxq_2017
- zhanjia
- jbosscn
- forestqqqq
- luxurioust
- lzyfn123
- ajinn
- daizj
- wjianwei666
- ranbuijj
- 喧嚣求静
- silverend
- kingwell.leng
- lchb139128
- kristy_yy
- lich0079
- jveqi
- java-007
- sunj
- yeluowuhen
- lerf
- lstcyzj
- flashsing123
- lxguy
最新文章列表
underscore.js 学习(二)
Array Functions 所有数组函数对参数对象一样适用。1.first _.first(array, [n]) 别名: head, take 返回array的第一个元素,设置了参数n,就返回前n个元素。
//_.first
var r = _.first([5, 4, 3, 2, 1]);
console.log(r); //5
var r = ...
underscore.js 学习(一)
工作中需要用到underscore.js,发现这是一个包括了很多基本功能函数的js库,里面有很多实用的函数。而且它没有扩展 javascript的原生对象。主要涉及对Collection、Object、Array、Function的操作。 学习官方网址:http://underscorejs.org。
Collection Functions (Arr ...
Backbone入门指南(七):Router和History (路由控制器)
本文转自:http://yujianshenbing.iteye.com/
10. Router和History (路由控制)
Backbone.Router担任了一部分Controller(控制器)的工作,它一般运行在单页应用中,能将特定的URL或锚点规则绑定到一个指定的方法(后文中称Action)。
当我们开发一个单页应用时,常常会遇到这样两个问题:
我们在同一个页面 ...
Backbone入门指南(六):View (视图)
本文转自:http://yujianshenbing.iteye.com/
9. View (视图控制器)
我们在前面的章节中介绍了Model和Collection,它们都是用于数据管理和交互,在本章 ...
Backbone入门指南(五):Collection (数据模型集合)
本文转自:http://yujianshenbing.iteye.com/
8. Collection (数据模型集合)
如果将一个Model对象比喻成数据库中的一条记录,那么Collection就是一张数据表。它表示为一个模型集合类,用于存储和管理一系列相同类型的模型对象。
8.1 创建集合
集合用于组织和管理多个模型,但它并不是必须的,如果你的某个模型对象是唯一的(单例 ...
Backbone入门指南(四):Model(数据模型)
本文转自:http://yujianshenbing.iteye.com/
7. Model (数据模型)
Model是Backbone中所有数据模型的基类,用于封装原始数据,并提供对数据进行操作的方法,我们一般通过继承的方式来扩展和使用它。
如果你做过数据库开发,可能对ORM(对象关系映射)不会陌生,而Backbone中的Model就像是映射出来的一个数据对象,它可以对应到数 ...
Backbone入门指南(三):Events(事件管理)
本文转自:http://yujianshenbing.iteye.com/
6. Events (事件管理)
从这一章开始,我将正式介绍Backbone的内容,过程中会有许多例子和代码,你应该将这些代码复制到你的页面,并查看它们的运行效果。
我介绍的第一个模块是Backbone.Events(事件管理),因为我在介绍任何其它的模块时都会提到它,你可以想象到它的重要性。
E ...
Backbone入门指南(二):依赖库Underscore
本文转自:http://yujianshenbing.iteye.com/
5. Underscore.js
Underscore封装了常用的JavaScript对象操作方法,用于提高开发效率。它本身与我们介绍的主题“Backbone”没有半毛钱的关系,因此你可以完全不理会“Backbone”的概念来学习它,或将它单独运用到任何一个页面。(另外,Underscore还可以被使 ...
Backbone入门指南(一):什么是Backbone?
本文转自:http://yujianshenbing.iteye.com/
1. 前言
本文的目的,是帮助大家快速理解掌握Backbone的使用,但它并不是API,因此我不会将每一个方法都详细地描述,但是我会告诉你如何学习它们。
这是一篇稍稍较长的技术文章,因为我想将我所了解的东西尽可能详细地分享给大家。但它还不至于出版为一本书籍,因为Backbone其实非常简单。当然,这并 ...
Backbone及Underscore源码解析
本文转自:http://yujianshenbing.iteye.com/
最近一直在关注Backbone,工作之余将Backbone和Underscore库的源码逐行解析了一遍,并加入了完整的备注,我觉得已经足够详细,阅读它们可以帮助你快速了解Underscore和Backbone的内部实现。
解析及备注后的源码,请从本文的附件中下载。 我想将我所了解的 ...
underscore之result
result
_.result(object,property)
如果参数object是function,执行它
其他的情况直接返回
官方实例:
var object = {
cheese:"crumpets",
stuff:function(){
...
underscore之uniqueId
uniqueId
_.uniqueId([prefix])
为需要的客户端模型或DOM元素生成一个全局唯一的id
如果参数prefix指定了,id将附加给它
//从0开始
var idCounter = 0;
_.uniqueId = function(prefix){
var id = "" ...
underscore的Function之delay
delay
_.delay(function,wait,[*arguments])
类似setTimeout , 等待参数wait后调用function
如果传递了可选的参数arguments ,当function执行的时候,传递给它
源码:
_.delay = function(func,wait){
//看看 ...
underscore的Function之after
after
_.after(count,function)
创建一个function,被调用count次后才可执行
应用:一组异步请求都结束后,执行一段程序的时候可以用after
_.after = function(times,func){
//对times参数的非大于0的判断
if(times < ...
underscore的Function之once
once
_.once(function)
创建一个只能被调用一次的函数。重复的调用改进的方法也没有效果,还是返回第一次执行的结果
有助于初始化类型的方法,代替设置boolean的标志位,然后对它进行检测
源码:
_.once = function(func){
//创建一个初始的标志位ran,默认是false ...
underscore之size
size
_.size(list)
------- 返回list(数组or对象)的长度
先看一下源码:
/*
* @name size
* @param {Array | Object} obj
* @info 如果是对象依赖_.keys去算length
*/
_.size = function( ...
underscore的Objects之keys和values
keys
_.keys(object)
返回对象的键
var nativeKeys = Object.keys;
_.keys = nativeKeys || function(obj){
//这个判断一般其他库倒是没有
if(obj !== Object(obj)){
...
underscore的Objects之has
/*
@name has
@param {Object} obj
@param {String} key
@info 检测对象是否含有指定的属性
@return {Boolean} true or false
*/
_.has = function(obj,key){
return Object.prototype.hasOwnPropert ...