模块化与组件化

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
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 原文地址 在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewp...
    matthewm阅读 5,427评论 0 4
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,693评论 1 92
  • 人到四十,不惑之年。看透了很多事,看懂了很多人。 年少时候追求的白马轻裘,玉宇琼楼,现在回头想想,真不如黄花遍野,...
    流斜风阅读 4,316评论 3 6
  • # 27号 - 宣慧- 作业0 # ・1期全程使用Xmind,作图方面毫无进步,所以决定2期脱离Xmind,尝试不...
    蒋宣慧阅读 1,760评论 6 4
  • 黎明即起 谁又知太阳的惨烈无情 有故事的人 能从14岁说到20岁 往事历历在目 一只只羊在跳动 是你怕了嘛? 不敢...
    取个名字麻烦阅读 1,531评论 0 1

友情链接更多精彩内容