来源
来源于建筑领域
注意
可复用
GoF设计模式
创建-结构-行为
方便交流
面向过程和面向对象
面向过程：表示数据，顺序处理数据
缺点：数据访问不受控制（暴露太多），不易维护
面向对象：把复杂对象分解，数据和操作融为一体，数据和操作不分离
solid
评判一个软件的好坏：复用
SOLID原则：
单一职责原则：SRP——一个类只有一个职责，增加一个新的职责的时候，就需要增加一个新的函数
好处：可测试，可重用，可读，可重构
开放封闭原则：不修改原有代码，通过新增代码实现新增功能；减少“==”类型的条件判断语句。
避免硬编码。
JS没有接口的概念，常用class来模拟
好处：可靠、简洁、敏捷
里氏替换原则LSP：子类对象替换父类对象，程序逻辑不变。子类可以扩展父类的功能，不能去修改原有的功能
接口隔离原则：一个类对另一个类的依赖应该建立在最小的接口上。接口过大或者过小（不易维护）都不好。
依赖倒置原则：二者依赖抽象，高层模块不需要修改
浏览器渲染原理
w3c将字符串转化成令牌-》生成结点树
解析dom的时间-》开发者工具可以看到
async是乱序的，defer是按照加载顺序执行的
动画
视觉暂留，显卡补全
动画的基本原理：对象（画布，canvas还是其他）
greensock库
用户体验达到最好
sass
运动是基于时间而不是增量的