跟着月影学 JavaScript｜青训营笔记Day 3

这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天

本节课的知识要点：

1. JavaScript 好代码的标准
2. HTML/CSS/JS 各司其责
3. 组件的定义解析及特征
4. 组件封装基本方法
5. 利用原生 JS 实现电商网站轮播图
6. 过程抽象概念
7. 高阶函数使用模式
8. JavaScript 编程范式
9. 代码写作关注事项
10. left-pad 事件背后的代码规范

本节课的详细知识点：

• 写好JavaScript 代码的原则：

       1、各司其职        

       2、组件封装 

       3、过程抽象

• 什么是组件？

       组件是指Web页面上抽出来一个个包含模板（HTML）、功能（JS）和样式（CSS）的单位

• 设计一个好的组件需要具备的原则：

       封装性、正确性、扩展性和复用性

• 组件封装的基本方法：结构设计、展现效果、行为设计（API和控制流）
• 重构：插件化、模板化、抽象化（组件框架）
• 插件化的过程：解耦

       将控制元素抽取成插件，使插件与组件通过依赖注入方式得以建立两者间的联系

• 解耦的好处：使得HTML模板化，更易于扩展
• 组件框架即将通用的组件模型抽象出来
• 什么是过程抽象？

       过程抽象是指为了能够让“只执行一次”的需求覆盖不同的事件处理，并将这个需求剥离出来的过程

• 常用的高阶函数：Once、Throttle、Debounce、Consumer/2、Iterative

• 代码写作时最应该关注的是使用场景

今天这几节课讲述的例子，是在告诉我们如何写好的代码，从而使得我们不断精进个人知识以及对代码进行优化。我还要再看多几遍视频来消化一下。