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_practices

                       http://developer.51cto.com/art/201009/224777.htm