一、前言行业趋势和业界情况当前移动端和前端的结合越来越紧密，边界越来越不明显，近几年随着设备性能、网络环境等因素得到大幅提升，制约H5发展的性能低和体验差的两个问题得到了明显改善，同时H5灵活发布、研

其中与原生应用最大的区别在于代码中包含了 HTML5 代码，而这部分代码可以通过在服务器进行更新的模式直接实现线上的更新上线。

根据公开的 2018 年移动互联网行业分析报告，目前支付宝的月活跃用户已经超过 QQ ，成为国内第二大 App。 支付宝一开始仅仅只是一个单体应用的工具型 App，让用户可以在手机完成支付宝相关的业务查询和操作。2013 年后，支付宝逐步转型为平台型 App， 平台型 App …

详细介绍了H5和原生应用之间通信的必要性、常见场景、通信方式以及如何在Android和iOS上实现JavaScript Bridge。并介绍了如何在H5中构建一个通用的JSBridge库。

作为一个开发了多个 H5 项目的前端工程师，在开发过程中难免会遇到一些兼容性等爬过坑的问题。现在我将这些问题一一汇总一下，并在后面给出坑产生的原理，和现阶段常规的填坑方案。由此来做一个阶段性的总结。 之前两篇文章已经详细的论述了1px 问题与 响应式布局问题，并给出了原理和解决…

适用场景：需要快速迭代、客户端难实现的、用作展示的功能模块，例如可视化图表。 一般页面在 dom 渲染后才能展示，可以发现，H5 首屏渲染白屏问题的原因关键在于，如何优化减少从请求下载页面到渲染之间这段时间的耗时。 降低请求量：合并资源，减少 HTTP 请求数，minify /…

随着 Web 技术和移动设备的快速发展，Hybrid 技术已经成为一种最主流最常见的方案。一套好的 Hybrid架构方案 能让 App 既能拥有极致的体验和性能，同时也能拥有 Web技术 灵活的开发模式、跨平台能力以及热更新机制，想想是不是都鸡冻不已。。😄。本系列文章是公司在…

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

记一次旧 Hybrid H5 项目的质量治理实践，实现接近APP原生体验效果，将工程架构进行优化，降低开发维护成本。