JavaScript编码原则之各司其职

• HTML/CSS/JS各司其职
• 应当避免不必要的由js直接操作样式
• 可以用class来表示状态
• 纯展示类交互寻求零JS方案

JavaScript编码原则之组件封装

组件是指web页面上抽出来一个个模板（HTML），功能（JS）和样式（CSS）的单元。好的组件具备封装性，正确性，扩展性，复用性

• 组件设计原则：封装性，正确性，扩展性，复用性
• 实现组件的步骤：结构设计，展现效果，行为设计
• 三次重构
• • 插件化
• • 模板化
• • 抽象化（组件框架）

JavaScript编码原则之过程抽象

• 用来处理局部细节控制的一些方法
• 函数式编程思想的基础应用

高阶函数

为了能够让“只能执行一次”的需求覆盖不同的事件处理，我们可以将这个需求剥离出来，这个过程我们称为过程抽象

Leftpad事故背景引入

事件本身的槽点：

• （1）NPM模板粒度
• （2）代码风格
• （3）代码质量/效率

JavaScript代码质量优化之路

• 洗牌-错误写法
• 分红包-切西瓜法