写好JavaScruipt的三个原则：
- 各司其职：
- 让HTML、CSS、JavaScruipt职能分离；
- 组件封装：
- 好的UI组件具有正确性、扩展性、复用性；
- 过程抽象：
- 应用函数式编程思想，即编程范式；
组件封装：
- 组件是指WEB网页上抽出来的一个个包含模板（HTML）、样式（CSS）和功能（JavaScruipt）的单元。好的组件具备封装性、正确性、扩展性和复用性。
结构：HTML
- 结构：轮播图是一个典型的列表结构，我们可以用无序列表u1元素来实现。
表现：CSS
- 表现：
- 使用CSS绝对定位将图片重叠在同一个位置；
- 轮播图切换位置使用的状态使用修饰符（modifier）;
- 轮播图的切换动画使用CSS transition
行为：JS
- 行为：API
组件封装总结：
- 组件设计的原则：
- 封装性，正确性，扩展性，复用性；
- 实现组件的步骤：
- 结构设计，展现效果，行为设计；
- 三次重构：
- 插件化，模板化，抽象化（组件框架）；
过程抽象：
- 用来处理局部细节的一些方法；
- 函数式编程思想的基础应用；
高阶函数
- ONCE：为了能够只执行一次的需求覆盖不同的事件处理，我们可以将需求剥离出来，这个过程称之为过程抽象
编程范式
- 过程抽象/HOF/装饰器
- 命令式/声明式
