手记

HTML和CSS、JavaScript规范 第三部分(javascript部分)

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选择器:KaTeX parse error: Expected 'EOF', got '(' at position 1: (̲“#id tag”); 2…(“span.span1”);
3)尽量使用ID选择器代替class;
4)要获取子元素请使用子选择器,而不要使用后代选择器:KaTeX parse error: Expected 'EOF', got '(' at position 1: (̲“#id>span”); …(“#id”);
6)使用data()存储临时变量;
7)限制直接操作DOM,在更新DOM前应该准备好需要的东西;
8)避免使用live()方法绑定事件;
9)在父级元素监听事件,对目标元素进行操作;
KaTeX parse error: Expected 'EOF', got '(' at position 1: (̲“#id”).click(fu…(e.target);});
10)推迟加载拖放、动画、视觉特效等代码,把可能会影响页面加载速度的代码绑定到$(window).load()事件中。

0人推荐
随时随地看视频
慕课网APP