一、如何写好JS
1.结构：HTML。轮播图是一个典型的列表结构，我们可以使用无序列表 ul 来实现。
2.表现：CSS。使用CSS绝对定位将图片重叠在同一个位置；轮播图切换的状态使用修饰符（modifier）；轮播图的切换动画使用CSS transition。
3.行为：JS、控制流。行为设计（APL）APL设计应保证原子操作，职责单一，满足灵活性。行为设计（控制流）使用自定义事件来解耦。
二、解耦
1.将控制元素抽取成差价。（重构：插件化）
2.插件与组件之间通过依赖注入方式建立联系。（重构：插件化）
3.将HTML模板化，更易于扩展。（重构：模板化）
三、抽象
将通用的组件模型抽象出来。（重构：组件框架）
四、组件：组件是指Web页面上抽出来一个个包含模板(HTML)、功能（JS）和样式（CSS）的单元。好的组件具备封装性、正确性、扩展性、复用性。
四、Once
为了能够让“只执行一次”的需求覆盖不同的事件处理，我们可以将这个需求剥离出来。这个过程我们称为过程抽象。
五、高阶函数
1.以函数作为参数
2.以函数作为返回值
3.常用于作为函数装饰器
六、常用高阶函数
Once、Throttle、Debounce、Consumer/2、Iterative。
七、编程范式
1.Toggle-命令式
2.Toggle-声明式
3.Toggle-三态
八、JS代码质量优化之路
1.代码实践1 - 交通灯
2.代码实践2 - 洗牌
3.代码实践3 - 分红包
此次四小节课程，让我们如何在JS编码中识别或者制作出一个好的代码，从JS了解和深入JS和其他代码的共性。自己学习JS只停留在了最浅显的皮毛层面，通过这次课程了解到了代码之间深层的联系。
