顺武

摘要： extendBackbone.Model.extend(properties,[classProperties])创建自己的模型类，可以扩展Backbone.Model并提供实例属性，以及可选的可以直接注册到构造函数的类属性extend用于设置正确的原型链，可以深度扩展var Note = Backbone.Model.extend({ initialize:function(){ ... }, //构造函数 author:function(){}, coordinates:function(){}, allowedToEdit:function(account) { return... 阅读全文

摘要： Backbone.EventsEvents 是一个可以被mix到任意对象的模块，它拥有让对象绑定和触发自定义事件的能力。 事件在被绑定之前是不需要事先声明的，还可以携带参数。我们通过一个例子来看：var object = {};_.extend(object, Backbone.Events);object.bind("alert", function(msg) { alert("Triggered " + msg);});object.trigger("alert", "www.csser.com");bindo 阅读全文

摘要： http://www.google.com/ig/images/weather/sunny.gifhttp://www.google.com/ig/images/weather/rain.gifhttp://www.google.com/ig/images/weather/mist.gifhttp://www.google.com/ig/images/weather/fog.gifhttp://www.google.com/ig/images/weather/mostly_cloudy.gifhttp://www.google.com/ig/images/weather/cloudy.gifh 阅读全文

摘要： Grid system Rock the standard 940px or roll your own默认940宽度，也可订制Default grid 940px wideth 16 columns流行的960grid system,不计padding margin类名 span + number 1-16几分之一 span-one-third 阅读全文

摘要： 运行时间 Timed Code批量处理时，如果每次只执行一个任务，显然效率不高，如果能在不影响用户体验和不会卡住页面的前提下，一次执行多个将助于提升体验，运行时间也减少。运行时间最长为100毫秒，建议50。运行时间即一开始，一结束，相差即所花时间var start = +new Date(); +号帮把Date转为数字var stop;doSomeThing();stop = +new Date();现在就有了优化数组处理模式的代码function timedProcessArray(items,process,callback) { var todo = items.concat();... 阅读全文

摘要： 分割任务 Spliting Up Tasks 数组处理方式函数运行时间过长(Javascript最长运行时间为100毫秒，我们应该减半处理，为50)，可以切割为一系列的小函数。放入数组中,用setTimeout来处理.每行代码都可以看成是一个原子任务，按功能组合一些代码，都形成一个任务函数。代码function saveDocument(id) { openDocument(id); writeText(id); closeDocument(id); updateUI(id);}切割任务的数组处理方式function saveDocument(id) { var tasks = ... 阅读全文

摘要： 浏览器下载完页面中所有的组件 HTML标记，css,js,图片面性 之后，会解析生成两个内部数据结构DOM树 表示页面结构渲染树 表示DOM节点如何显示DOM树中每一个需要显示的节点在渲染树中都有一个对应的节点（隐藏的DOM元素没有）。这样的节点被称为frames 或boxes，一旦DOM树和渲染树构建完成，浏览器就开始显示页面元素。重绘 完成重排后，浏览器会重新绘制受影响的部分到屏幕中，叫重绘。-重排 而DOM的变化影响到了元素的几何属性（宽和高）浏览器会重新计算元素的几何属性,会使渲染树中受到影响的部分失效，并重新构造渲染树重绘和重排代价非常昂贵，会导致Web应用程序的UI响应缓慢重排.. 阅读全文

摘要： 为了得到需要的元素列表，我们会组合使用DOM API来得到，这种繁密的过程效率低下。新版本浏览器提供了querySelectorAll css选择器将会快2至6倍document.querySelectorAll('#menu a');API document.getElementById('menu').getElementsByTagName('a');两者区别 css选择器获得是nodeList 包含着匹配节点的类数组对象，非html集合,不会对应实时的文档对象，为静态列表后者为html集合，会有性能问题 toArrayfunction t 阅读全文

摘要： Walking the DOMDOM提供很多API，在相应操作中，选择最高效的API.一、用childNodes获得元素集合，再遍历二、用nextSibling来获取每个相邻元素， firstChild + nextSibling 加do while 写法var el = document.getElementById('mydiv'), ch = el.firstChild, name = '';do{ name = ch.nodeName;} while( ch = ch.nextSibling); while ch = ch.nextSibling nex 阅读全文

摘要： document.images;由于集合元素是处于实时状态的实时存在,它与底层dom连接着。在遍历它的每一个属性或length时都会带来查找，从而性能开销很高。这里是有关集合元素在循环处理时的优化原则一、用变量缓存集合元素二、在循环在缓存集合length属性三、在循环中用变量缓存当前数组样例代码var coll = document.getElementsByTagName('div'); len = coll.length, name = '', el = null;for(var count = 0; count < len; count++){ el 阅读全文