移动端h5经常遇到的情况就是，活动多，迭代快。但单页面的情况显然会不适用，主要体现在以下几个方面： 重复建立项目，手动😭添加，效率低。 1. 在pages下建立自己的页面 2. 项目启动和打包 3. nginx配合 nginx只需要配置个location的根目录即可。 构建的…

一般页面在 dom 渲染后才能展示，可以发现，H5 首屏渲染白屏问题的原因关键在于，如何优化减少从请求下载页面到渲染之间这段时间的耗时。 一般情况下，只要对照这个列表，对比差异就基本能搞定绝大部分前端性能问题了。不过我们在里面仔细再分析下，对首屏启动速度影响最大的就是网络请求，…

大概是去年的7月想写这个内容去加深自己的理解。现在终于回来补上这篇入门小结了。 问题:手机设备的尺寸不同，让页面在不同的手机设备上显示的效果看起来大致相同或者展示效果比较合理就成了一个问题。 目前移动端比较通用的几个方案 知道了通用方法进入代码的正题，写一个如图简单的HTML页…

鉴于H5的优势，客户端的很多业务都由H5来实现，Webview成了App中H5业务的主要载体。 实践中，大部分App的H5业务将由WKWebview承载。 页面打开时间慢：打开一个 H5 页面需要做一系列处理，会有一段白屏时间，体验糟糕。 响应流畅度较差：由于 WebKit 的…