这是我参与「第五届青训营 」笔记创作活动的第3天
写好JavaScript的一些原则
1、各司其职
- HTML负责页面框架
- CSS负责页面样式
- JavaScript负责页面交互效果和功能
注意:
- 避免不必要的由JS直接操作样式
- 可以使用class来表示状态
- 纯展示类交互要寻求尽量零JS方案
2、组件封装
组件是指Web页面上抽出来一个个包含模板(HTML)、功能(JS)、样式(CSS)的单元,好的组件具备封装性、正确性、扩展性、复用性
基本方法
- 结构设计
- 展现效果
- 行为设计
- --API(功能)
- --Event(控制流)
- 三次重构:插件化、模板化、抽象化(组件框架)