这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天
重点知识
- 掌握写好JavaScript代码的原则
- 利用原生JS实现轮播图效果
- 理解组件封装的基本方法
- 理解高阶函数
知识点
1.如何写好JS代码
- 各司其责
- HTML/CSS/JS 各司其责
- 避免JS直接操作样式
- 用class来表示状态
- 组件封装
- 概念：组件是指Web页面上抽出来一个个包含模板（HTML）、功能（JS）和样式（CSS），然后封装成一个可复用的组件
- 组件具备封装性、正确性、扩展性
- 结构：HTML
- 展示效果：CSS
- 行为：JS/API
- 组件封装的基本方法：
- 结构设计-展现效果-行为设计（API功能+Event控制流）
- 三次重构：插件化、模板化、抽象化（组件框架）
- 重构：插件化
- 目的：改进组件封装灵活性，即通过HTML模块化，更易于扩展
- 解耦：将控制元素抽取成插件、插件与组件之间通过依赖注入的方式建立联系
- 抽象：将通用的组件模型抽象出来
- 过程抽象
- 用来处理局部细节控制的一些方法、函数式编程思想的基础应用
2. 高阶函数
- 常用于作为函数装饰器、以函数作为参数、以函数作为返回值
- 常用高阶函数
- Once、Throttle、Debounce、Iterative....
3. 编程范式
- 分类：命令式编程语言、声明式编程语言
- 命令式：强调怎么做
- 声明式：强调做什么
- 命令式：
- 声明式：
4. Once
- 为了满足“只执行一次”的需求覆盖不同的事件处理，将这个需求抽离出来
个人总结
通过这几节课学习，知道了怎样才能写好JS理解并掌握了三大原则，学到了之前所没有接触过的知识，会加以复习再接再厉。
