模块化设计的规则总结

CSS模块化设计

1. 设计原则
    可复用能继承要完整
    周期性迭代
2. 设计方法
    先整体后部分再颗粒化
    先抽象再具体

JS组件设计

1. 设计原则
    高内聚低耦合
    周期性迭代
2. 设计方法
    先整体后部分再颗粒化
    尽可能的抽象

自适应

1. 基本概念
    CSS像素、设备像素、逻辑像素、设备像素比
    Viewport
    Rem
2. 工作原理
    利用viewport和设备像素比调整基准像素
    利用px2rem自动转换css单位

SPA设计

1. 设计意义
    前后端分离
    减轻服务器压力
    增强客户体验
    Prerender预渲染优化SEO
2. 工作原理
    History API（onpopstate、pushState）
    Hash（hashchange、lication.hash）