这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天，今天学习的内容主要是JavaScript，以下是本次课程的重点内容：
- JavaScript好代码的标准
- HTML/CSS/JS各司其职
- 组件的定义解析及特征
- 组件封装基本方法
- 利用原生 JS 实现电商网站轮播图
- 过程抽象概念
- 高阶函数使用模式
- JavaScript编程范式
- 代码写作关注事项
- left-pad事件背后的代码规范
- 代码实践1-交通灯
- 代码实践2-洗牌
- 代码实践3-分红包
JavaScript好代码的标准
其实JavaScript好代码的标准也就是HTML/CS/JS各司其职，JS不要去做了CSS应该做的事情。HTML/CSS/JS各司其职
应当避免不必要的由JS直接操作样式，可以用class来表示状态，纯展示类交互应当寻求零JS方案。组件的定义解析及特征
组件，是指Web页面上抽出来一个个包含模板（HTML）、功能（JS）和样式（CSS）的单元，好的组件具备封装性、正确性、拓展性、复用性。组件封装基本方法
组件设计的原则：- 封装性
- 正确性
- 拓展性
- 复用性
实现组建的步骤：结构设计->展现效果->行为设计
三次重构
- 插件化
- 模块化
- 抽象化（组件框架）
组件是指Web页面上抽出来一个个包含模块（HTML）、功能（JS）和样式（CSS）的单元，好的组件具备封装性、正确性、拓展性、复用性。
利用原生 JS 实现电商网站轮播图
过程抽象概念
用来处理局部细节控制的一些方法，函数式编程思想的基础应用。为了能够让“只执行一次”的需求覆盖不同的事件处理，我们可以将整个需求剥离出来，这个过程我们称为过程抽象。
