JavaScript

原则

各司其职

不必js：纯展示类 不直接操作样式

class可表示状态

组件封装（整体UI）

原则

封装 正确 扩展 复用

设计步骤

例子轮播图

结构设计 展现效果 行为设计（功能API 控制流Event）

优化

插件化

模板化

抽象化（组件框架）

过程抽象（局部 函数式编程）

定义

只执行一次的需求覆盖不同的事件处理 开门时间

高阶函数 函数装饰器HOF

常用

once

throttle节流

debounce防抖

consumer延时（循环/高频率点击）

lterative迭代

优点

纯函数&非纯函数

纯函数 输出唯一

非纯函数 输出与执行次数有关 测试需提供唯一环境

高阶函数

降低非纯函数个数 提升库的可维护性

编程范式--声明式

声明式&命令式

声明式 添加状态---可扩展性

命令式 添加循环结构