最近App需要支持iPad，在开发过程中遇到了一个奇怪的bug。 App中有一个H5页面，在iPhone上展示的很好，在iPadMini2上也没问题。但是在iPad Air 2以及iPad Pro上，顶部会额外展示用户信息栏，就像进入了PC网站一样。 通过排查，最终找到了元凶—…

BetterScroll v1 版本发布至今已经两年多，这期间 BetterScroll 无论是在我们公司内部的业务以及社区内，经受住了大量的场景考验，同时也新增了不少特性。无论是我们内部开源组件库的 cube-ui，还是社区内的 mpx、taro、vue-better-scr…

之所以写这个总结，还要从上周的一次移动端项目的 debug 说起。那天，测试小姐姐拿着自己的 iphone6s 过来找我，说页面打不开。我想：这怎么可能，我手机里挺好的呀，Chrome调试工具也没报错呀！就把她手机拿过来看了看，发现一进去还真就是一片空白。WTF（手动黑人问号）…

最近接到一个“发表评论”的需求：用户输入评论并且可以拍照或从相册选择图片上传，即支持图文评论。需要同时在 H5 和小程序两端实现，该需求处理图片的地方较多，本文对 H5 端的图片处理实践做一个小结。项目代码基于 Vue 框架，为了避免受框架影响，我将代码全部改为原生 API 的…

为了快递迭代、更新，公司app有一大模块功能使用H5实现，但是体验比原生差，这就衍生了如何提高H5加载速度，优化体验的问题。此文，记录一下自己的心路历程。 一般页面在 dom 渲染后才能展示，可以发现，H5 首屏渲染白屏问题的原因关键在于，如何优化减少从请求下载页面到渲染之间这…

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

公司的业务主要是基于APP的产品，而为了达到快速迭代上线，主要还是使用了Hybrid的方式，但是相比原生而言，使用webview+H5还是存在一些被诟病的问题，那就是性能和体验达不到原生的程度，虽然说随着移动设备性能的增强和5G的到来，一些问题可以得到缓解。 对于特效动画不多的…

在 dom渲染 之前用户看到的都是白屏，在 下载渲染图片 后，用户才能看到完整的页面。首屏秒开优化就是要减少这个过程的耗时。 扣除网络差的原因，对首屏启动速度影响最大的就是网络请求。由于业务需求，导致我们不得不引入很多第三方包来实现功能，这些包恰恰会容易影响到网络请求。 你的包…