JavaScript的最佳实践 读书笔记
JavaScript的最佳实践读书笔记
1 良好的 命名 规范。
用驼峰式的 命名方法。 : getData();
2.3-> 2.4
如果是自给自足的 用上面的2.4
如果是 要得到帮助 或者 可以影响别人的 用 2.5
(function(window,export,undefied){ var current = null; function init(){...} function change(){...} function verify(){...} export.init=init; })(window,export,undefied); 2.5
3 对于要 改变 dom 中的 样式 的 使用 (增加,删除)样式优于直接改变BY通过dom.style.borderColor= ‘#f00‘;
->
4 对象 数组的使用 用 {},[] 代替new Object();new Array();
{ }->
[]->
5.1三元符号 替代 if else
->
5.2赋值 使用|| 进行初始化。
->
6 形成 配置化思想。
一些易变的,url,模版,常量,类型。
7 避免for 循环的 嵌套。
。
8优化循环, 对于 数组的 length, dom 对象及其length 应该 存为局部变量
9减少浏览器重解析 JavaScript DOM操作优化方案
9.1方案一:通过CSS类名切换来修改DOM
9.2在非渲染区修改DOM 可以把被修改的指定元素从DOM里面移除,再修改所有的超链接,然后在把这个元素插入回到它原来的位置上。
9.3一次性的DOM元素生成
9.3.1一个dom元素
需求是这样的,实现一个函数,往一个指定的父元素上插入一个超链接元素。这个函数要同时可以设置这个超链接的显示文字和样式类。我们可以这样做:创建元素,插入到DOM里面,然后设置相应的属性。这就要触发3次重解析。
9.3.2多个dom 元素
通过文档片段对象(DocumentFragment)创建一组元素
10数据检查
对于一个函数的 而言 入口 参数 检查是否 符合要求 . 数据类型:
1 简单数据和复杂数据。简单数据包含number,string,boolean,undefined和null这五种;复杂数据只有一种即object。
2 数据类型判断:typeof (obj) 简单数据类型
函数
CatchMouse instanceof Cat
参考: http://docs.webplatform.org/wiki/tutorials/javascript_best_practices
http://developer.51cto.com/art/201009/224777.htm
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。