这是我参与「第五届青训营 」笔记创作活动的第三天
一、重点内容
- JavaScript 好代码的标准
- HTML/CSS/JS 各司其责
- 组件的定义解析及特征
- 组件封装基本方法
- 利用原生 JS 实现电商网站轮播图
- 过程抽象概念
- 高阶函数使用模式
- JavaScript 编程范式
二、详细内容
1、JavaScript编码原则
--各司其责
- HTML--结构
- CSS--样式
- JavaScript--行为,功能
注：应当避免不必要的由JS直接操作样式
--组件封装
组件设计的原则:
- 封装性
- 正确性
- 扩展性
- 复用性
实现组件的步骤:
- 结构设计
- 展现效果
- 行为设计
三次重构
- 插件化
- 模板化
- 抽象化 (组件框架)
--过程抽象
高阶函数
- 以函数作为参数
- 以函数作为返回值
- 常用于作为函数装饰器
常用高阶函数
- Once
- Throttle
- Debounce
- Consumer / 2
- lterative
三、课后总结
- 打好基础
- 要对前端有更深刻的理解
- 多练习
