这是我参与「第五届青训营 」伴学笔记创作活动的第3天
这节课从实践维度解读在实际编码过程中何种类型的 JavaScript 代码称之为“好代码”，并从 JS 出发，总结其他语言编码可遵循的共性原则，由浅入深，该小节集中讲解三大原则之一的“各司其职”原则。
JavaScript 好代码的原则：各司其责、组件封装、过程抽象
- HTML 定义了网页的内容
- CSS 描述了网页的布局
- JavaScript 控制了网页的行为 HTML 中的 Javascript 脚本代码必须位于 标签之间。
Javascript 脚本代码可被放置在 HTML 页面的 body 和 head 部分中。
HTML/CSS/JS各司其职，应当避免不必要的由JS直接操作样式，可以用class来表示状态，纯展示类交互寻求零JS方案
组件的定义解析及特征
组件封装：组件是指web页面上抽出来一个个包含模板（HTML）功能（JS）和样式（CSS）的单元，好的ui组件具备正确性、扩展性、复用性
组件封装基本方法
组件的定义解析及特征
组件封装基本方法
利用原生 JS 实现电商网站轮播图
组件设计的原则：封装性、正确性、扩展性、复用性
实现组件的步骤、结构设计、展现效果、行为设计
三次重构：插件化、模板化、抽象化
表现：使用css绝对定位将图片重叠在同一个位置 轮播图切换的状态使用修饰符（modifier） 轮播图的切换动画使用css transition
过程抽象用来处理局部细节控制的一些方法，函数编程思想的基础应用
过程抽象
过程抽象概念
高阶函数使用模式
JavaScript 编程范式
通过几节关于JavaScript的学习，使我对JavaScript有了更加深入的了解。作为一个新手小白还需要不断努力，通过此次青训营做出一个好的项目！
