模块化与组件化
2018-03-20 本文已影响0人
旧游旧游
css模块化设计
1.设计原则：
- a 可复用能继承要完整
- b 周期性迭代
2.设计方法：
- a 先整体后部分再颗粒化
- b 先抽象再具体
--
js组件化设计
1.设计原则：
- a 高内聚低耦合
- b 周期性迭代
2.设计方法：
- a 先整体后部分再颗粒化
- b 尽可能的抽象
--
自适应
1. 基本概念：
- a css像素，设备像素，逻辑像素，设备像素比
- b viewport
- c rem
2.工作原理：
- a 利用viewport和设备像素比调整基准像素
- b 利用px2rem自动转化css单位
--
SPA设计
1.设计意义：
- a 前后端分离
- b 减轻服务器压力
- c 增强用户体验
- d Prerender预渲染优化SEO
2.工作原理：
- a History API
-
b Hash
IMG_2524.PNG
IMG_2525.PNG
