共计 704 个字符,预计需要花费 2 分钟才能阅读完成。
4.1 在文档中援用 js
1)应用内部文件形式援用 js;
2)将援用 js 的代码集中搁置在一起,可搁置在 </head> 之前或 </body> 之前,严禁在 body 间扩散搁置;
3)使 DOM 构造和 js 代码拆散,禁止写在标记外部;
4)如果是公布版本,请将多个稳固版本的 js 文件压缩、归类搁置到单个文件内,压缩和最小化 js 文件。
4.2 不间接操作 DOM 款式,应用已在样式表中定义的 class 来操作 DOM 款式
4.3DOM 加载
把须要再 DOM 加载后立刻执行的代码封装在同一个函数执行,不要编写多个 window.onload 事件或 jQuery 的 ready()事件。
4.4 严禁应用多个 library 库
4.5 优化 iQuery 代码,进步性能:
1)选择器从最近的 ID 开始继承或间接应用 ID 选择器:$(“#id tag”);
2)选择器在应用 class 前加上标签名:$(“span.span1”);
3)尽量应用 ID 选择器代替 class;
4)要获取子元素请应用子选择器,而不要应用后辈选择器:$(“#id>span”);
5)缓冲 jQuery 对象,不要在代码中反复呈现雷同的选择器:var btn=$(“#id”);
6)应用 data()存储长期变量;
7)限度间接操作 DOM,在更新 DOM 前应该筹备好须要的货色;
8)防止应用 live()办法绑定事件;
9)在父级元素监听事件,对指标元素进行操作;
$(“#id”).click(function(e){var input=$(e.target);});
10)推延加载拖放、动画、视觉特效等代码,把可能会影响页面加载速度的代码绑定到 $(window).load()事件中。
本文由博客一文多发平台 OpenWrite 公布!