这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天
一、本堂课重点内容：
- 各司其职
- 组件封装
- 过程抽象
二、详细知识点介绍：
- 今天的课是教如何写好JavaScript代码的，老师先是从三方面入手，分别讲了各司其职、组件封装、过程抽象的原则，然后辅以大量的样例代码作为补充实践
- 各司其职
- 这一点是从第一天学HTML就在提及的原则，HTML控制内容，CSS控制样式，JavaScript控制行为。虽然JavaScript可以操作样式，但是应该避免不必要的由JavaScript直接操作样式。
- 组件封装
- 课程中引入了做一个轮播图的例子来讲解组件封装的处理，处理要把控制结构设计的HTML、控制展现效果的CSS与控制行为的JavaScript分开外，课程中介绍了使用插件化、模板化、抽象化（组件框架）对组件解耦重构的设计思路
- 过程抽象
- 过程抽象是用来处理局部细节控制的一些方法，课上举了一个“只执行一次”的需求，为了让此需求覆盖不同事件处理的过程，将此需求从不同的实践中剥离出来，形成了典型的过程抽象
- 课程的后半段是大量的实例问题，来帮助我们更切实的了解如何写好JS代码，在此笔记中不做代码的粘贴了
三、个人思考和总结：
- 本堂课讲的内容相比前两天的内容充实了许多，尤其是引入了大量的实例代码进行讲解，这对于我理解课程中介绍的这些原则性的建议是十分有帮助的。对于我个人而言，今天的课涵盖的知识量远不是这一篇笔记能承载的下的，尤其是大量实例代码，需要我在课后反复思考研读
