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

本文由博客一文多发平台 OpenWrite 发布！