JavaScript的最佳实践 读书笔记

JavaScript的最佳实践读书笔记

1 良好的 命名 规范。用驼峰式的 命名方法。 : getData();2 避免全局变量滥用

2.1

->2.2

->

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_practiceshttp://developer.51cto.com/art/201009/224777.htm