项目设计与原理分析

JS组件设计

设计原则

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

设计方法

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

自适应

  1. 基本概念
    • CSS像素、设备像素、逻辑像素、设备像素比
    • viewport : layout viewport = visual viewport
    • rem
  2. 工作原理
    • 利用viewport和设备像素比调整基准像素
    • 利用px to rem自动转换css单位
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容