其实本章节主要是讲解的我们在开发web应用当中应当注意的细节,并且提出了以下几个方面的建议:
- 可维护性
- 代码约定
- 松散耦合
- 编程实践
- 性能
- 注意作用域
- 选择正确的方法
- 最小化语句数
- 优化DOM交互
- 部署
- 构建过程
- 验证
- 压缩
01|可维护性
并且清晰地阐述了什么叫做可维护性
- 可理解性
- 直观性
- 可适应性
- 可扩展性
- 可调试性
其中在编写代码的过程中有一些细节是值得我们注意的:
变量类型透明
可以通过初始化指定变量类型
-
解耦HTML/JavaScript
通过
<script></script>拆封HTML和JavaScript代码通过事件处理程序剥离HTML代码
-
解耦CSS和JavaScript代码
- 行为样式的分离
-
解耦应用逻辑/事件处理程序
- 重复的逻辑代码抽象成为一个函数组合使用
避免全局变量
避免与null进行比较
使用常量
02|性能
注意作用域:
- 避免全局查找
- 全局变量和函数的开销大于局部,涉及到作用域链的查找内存开销更大!
- 避免使用
with- with语句会创建自己的作用域因此会增加执行代码作用域链的长度
选择正确的方法:
- 避免不必要的属性查找
- 优化循环
- 减值迭代
- 简化终止条件
- 简化循环体
- 使用后测试循环
其中还有一些需要注意的事项:
- 原生方法较快
- Switch语句较快
- 位运算符较快
最小化语句数,需要注意的地方:
- 多个变量声明
- 插入迭代值
- 使用数组和对向字面量 消除不必要的语句
优化DOM的交互
- 最小化现场更新(尽量改动只需要更新的地方,避免局部更新)
- 使用
innerHTML使用 innerHTML 要比使用标准 DOM 方法创建同样的 DOM 结构快得多 - 使用事件代理
03|部署
部署需要注意的几个点:
-
构建过程 需要注意的点
- 知识产权问题
- 文件大小
- 代码组织
验证代码
-
压缩文件
- 文件压缩
- HTTP压缩
