这是我参与「第四届青训营 」笔记创作活动的的第3天，今天是《JavaSript之一》。

写好JavaScript的原则

• 各司其职：HTML、CSS、JavaScript职能分离。
• 插件封装：好的UI组件具备正确性、扩展性、复用性。
• 过程抽象：应用函数式子编程思想。

各司其职

• HTML、CSS、JavaScript各司其职
• 避免由js操作样式
• 纯展示类交互寻求零JS方案

组件封装

组件：web页面上抽离出来的包含模板（HTML）、功能（js）、样式（css）的单元，好的组件具备封装性、正确性、扩展性、复用性。

• 例子：用原生js写一个轮播图 结构：HTML，轮播图典型的列表结构，可以使用无序列表ul元素实现。 三次重构

1. 组件框架：抽象-将组件通用模型抽象出来

2. 重构-插件化：将控制元素抽取成插件；插件与组件之间通过依赖注入方式建立联系。

3. 插件化

• 实现组件的步骤:结构设计、效果展示、行为设计

过程抽象

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