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 公布!