这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天
本堂课重点内容
- JavaScript 好代码的标准
- HTML/CSS/JS 各司其责
- 组件的定义解析及特征
- 组件封装基本方法
- 过程抽象概念
- 高阶函数使用模式
- JavaScript 编程范式
详细知识点
写好JS的原则
各司其职
让HTML，CSS，JavaScript职能分离，HTML负责结构，CSS负责表现，JavaScript负责行为
- 应当避免不必要的由JS直接操作样式
- 可以用class来表示状态
- 纯展示类交互寻求零JS方案
组件封装
好的UI组件具备正确性、扩展性、复用性
- 组件设计的原则:封装性、正确性、扩展性、复用性
- 实现组件的步骤:结构设计、展现效果、行为设计
- 三次重构 插件化 模板化 抽象化(组件框架)
过程抽象
应用函数式编程思想
- 用来处理局部细节控制的一些方法
- 函数式编程思想的基础应用
为了能够让“只执行一次“的需求覆盖不同的事件处理，我们可以将这个需求剥离出来。这个过程我们称为过程抽象。
高阶函数
- 以函数作为参数
- 以函数作为返回值
- 常用于作为函数装饰器
常用高阶函数
- Once
- Throttle
- Debounce
- Consumer / 2
- Iterative
写代码最应该注意什么？
风格 效率 约定 使用场景 设计
课后个人总结
经过本堂课的学习，我了解到HTML、CSS、JavaScript各司其职的思想，也学到了UI组件的基本概念和封装的思想与方法，以及初步了解到过程抽象的知识。过程抽象是第一次了解到，但高阶函数是有一定了解的，过程抽象的思想是值得去学习的。越是一些基础的、偏思想方法的，越是我所缺乏的。这一系列的课程让我对前端开发有了新的认识，让我有了努力的方向！
