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 发布！