JS编码原则|青训营笔记

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

各司其职

HTML、CSS、JS各司其职

避免不必要的js直接操作

class表示状态

纯展示类追求零js方案

组件封装

组件 手机原子

好的组件

• 封装性
• 扩展性
• 正确性
• 复用性

结构：HTML（轮播图 列表结构） 表现：CSS （图片重叠同一个位置 切换状态和动画） 行为：JS

控制流（小圆点）自定义事件实现

重构：插件化/模板化/抽象化（组件框架） 解耦

过程抽象

• 处理局部细节控制的一些方法
• 函数式编程思想的基础应用

高阶函数

• once （只执行一次）
• HOF 以函数为参数/以函数为返回值/常用于作为函数装饰器
• throttle 截留函数
• debounce
• consumer/2
• iterative

编程范式

• 命令式（how）
• 声明式（what）