2024年最全H5初体验~一个新手H5前端开发的笔记，2024年最新这是一份面向Web前端开发者的复习指南

性能优化

1.webpack打包文件体积过大？（最终打包为一个js文件）

2.如何优化webpack构建的性能

3.移动端的性能优化

4.Vue的SPA 如何优化加载速度

5.移动端300ms延迟

6.页面的重构

所有的知识点都有详细的解答，我整理成了280页PDF《前端校招面试真题精编解析》。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

（3）用于微信营销的H5 – 开屏广告页（每次点开各种应用前的酷炫广告）

4. 网页的构成

---

（1）HTML文件 – 页面的骨架、布局

（2）CSS文件 – 渲染外观样式、色彩图片

（3）JS文件 – 实现各种功能

阅读扩展：教你5分钟看懂H5是什么，及H5的应用场景举例  https://baijiahao.baidu.com/s?id=1615188459186221468&wfr=spider&for=pc

二、移动端页面适配

=========

移动端页面适配  类似于  PC端浏览器兼容适配

1. 为什莫要适配

---

由于手机屏幕尺寸不一样，分辨率不一样，或者你需要考虑横竖屏的问题，这时候你也就不得不解决在不同手机上，不同情况下的展示效果了。

2. 页面适配需解决的问题

---

（1）元素自适应问题（2）文字rem问题

（3）高清图问题（4）1像素问题

（5）横竖屏显示问题（6）手机字体缩放问题

这些问题之后会一一整理，先看下面链接学习

扩展阅读：页面适配（2）　https://blog.csdn.net/gao531162436/article/details/81699313

移动端概念术语（1）　https://blog.csdn.net/gao531162436/article/details/81625974

下面附 进行页面适配换算的写法：对于设计稿的px写成rem进行页面像素适配