模块化与组件化

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