这是我参与「第四届青训营」笔记创作活动的的第3天
写好JS的一些原则
- 各司其职
- 组件封装
- 过程抽象
各司其职
深夜食堂——结论
- HTML/CSS/JS 各司其责
- 应当避免不必要的由 JS 直接操作样式
- 可以用 class 来表示状态
- 纯展示类交互寻求零 JS 方案
组件封装
组件是指Web页面上抽出来一个个包含模版（HTML）、功能（JS）和样式（CSS）的单元。好的组件具备封装性、正确性、扩展性、复用性。
基本方法
-
结构设计
-
展现效果
-
行为设计
- API （功能）
- Event （控制流）
总结
-
组件设计的原则：封装性、正确性、扩展性、复用性
-
实现组件的步骤：结构设计、展现效果、行为设计
-
三次重构
- 插件化
- 模板化
- 抽象化（组件框架）
过程抽象
- 用来处理局部细节控制的一些方法
- 函数式编程思想的基础应用
总结
- 过程抽象 / HOF / 装饰器
- 命令式 / 声明式
