20|最佳实践

2020-05-18  本文已影响0人  井润

其实本章节主要是讲解的我们在开发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代码

  1. 解耦CSS和JavaScript代码

    1. 行为样式的分离
  2. 解耦应用逻辑/事件处理程序

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

02|性能

注意作用域:

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

选择正确的方法:

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

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

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

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

优化DOM的交互

03|部署

部署需要注意的几个点:

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

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

  3. 压缩文件

    1. 文件压缩
    2. HTTP压缩
上一篇 下一篇

猜你喜欢

热点阅读