20|最佳实践

其实本章节主要是讲解的我们在开发web应用当中应当注意的细节,并且提出了以下几个方面的建议:

1. 可维护性
   1. 代码约定
   2. 松散耦合
   3. 编程实践
2. 性能
   1. 注意作用域
   2. 选择正确的方法
   3. 最小化语句数
   4. 优化DOM交互
3. 部署
   1. 构建过程
   2. 验证
   3. 压缩

01|可维护性

并且清晰地阐述了什么叫做可维护性

• 可理解性
• 直观性
• 可适应性
• 可扩展性
• 可调试性

其中在编写代码的过程中有一些细节是值得我们注意的:

1. 变量类型透明

2. 可以通过初始化指定变量类型

3. 解耦HTML/JavaScript

   1. 通过<script></script>拆封HTML和JavaScript代码

   2. 通过事件处理程序剥离HTML代码

4. 解耦CSS和JavaScript代码

   1. 行为样式的分离

5. 解耦应用逻辑/事件处理程序

   1. 重复的逻辑代码抽象成为一个函数组合使用

• 避免全局变量

• 避免与null进行比较

• 使用常量

02|性能

注意作用域:

1. 避免全局查找
   1. 全局变量和函数的开销大于局部,涉及到作用域链的查找内存开销更大!
2. 避免使用with
   1. with语句会创建自己的作用域因此会增加执行代码作用域链的长度

选择正确的方法:

1. 避免不必要的属性查找
2. 优化循环
   1. 减值迭代
   2. 简化终止条件
   3. 简化循环体
   4. 使用后测试循环

其中还有一些需要注意的事项:

1. 原生方法较快
2. Switch语句较快
3. 位运算符较快

最小化语句数,需要注意的地方:

• 多个变量声明
• 插入迭代值
• 使用数组和对向字面量 消除不必要的语句

优化DOM的交互

• 最小化现场更新(尽量改动只需要更新的地方,避免局部更新)
• 使用innerHTML 使用 innerHTML 要比使用标准 DOM 方法创建同样的 DOM 结构快得多
• 使用事件代理

03|部署

部署需要注意的几个点:

1. 构建过程 需要注意的点

   1. 知识产权问题
   2. 文件大小
   3. 代码组织

2. 验证代码

3. 压缩文件

   1. 文件压缩
   2. HTTP压缩