写好JS的一些原则
- 各司其职
- 组件封装
- 过程抽象
深夜模式/日间模式切换
更优：各司其职
组件封装
结构：HTML
表现：CSS
行为：JS
举例：制作翻页效果
使用HTML构建网页基础结构
使用CSS建立各元素样式
使用JS进行切换效果的实现
#之前我制作的时候采用的是成品模板，现在与课程演示对照，内容差不多~主要都是按钮与轮播页面圆点。不过当时真的是云里雾里。。。
HTML代码如下，构建轮播图三个选项页的圆点
<a class="slide-list__next"></a>
<a class="slide-list__previous"></a>
<div class="slide-list__control">
<span class="slide-list__control-buttons--selected"></span>
<span class="slide-list__control-buttons--selected"></span>
<span class="slide-list__control-buttons--selected"></span>
</div>
JS代码如下，使得点击圆点出现对应轮播页
组件：Web页面上抽出来一个个包含模板（HTML）、功能（JS）、和样式(CSS)、的单元。 好的组件具备封装性、正确性、扩展性、复用性。
行为：API（功能） Event（控制流）
抽象 模板化 过程抽象
