项目设计与原理分析

JS组件设计

设计原则

  • 高内聚低耦合
    组件的功能受控于组件本身,而不是别的组件。
  • 周期性迭代
    需要结合实际的业务场景去不断优化,没有固定的标准。

设计方法

  • 先整体后部分再颗粒化。
  • 尽可能的抽象。使其复用性达到最大。

自适应

  1. 基本概念
    • CSS像素、设备像素、逻辑像素、设备像素比
    • viewport : layout viewport = visual viewport
    • rem
  2. 工作原理
    • 利用viewport和设备像素比调整基准像素
    • 利用px to rem自动转换css单位

你可能感兴趣的:(项目设计与原理分析)