- 4.1在文档中引用js
- 1）使用外部文件方式引用js；
- 2）将引用js的代码集中放置在一起，可放置在之前或之前，严禁在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 发布！
