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_practices

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

 

 


			

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。