本文将介绍 Hybrid App 离线包的通用方案，并讨论 HTML 文件放入离线包的利弊。通过引入 CAP 理论作为指导准则，帮助优化和抉择离线包的一致性和可用性问题。

背景 原生架构+H5页面的组合是很常见的项目开发模式了，H5的优势是跨平台、开发快、迭代快、热更新，很多大厂的App大部分业务代码都是H5来实现的，众所周知H5页面的体验是比原生差的，特别是网络环境差

本来上一篇博文写完，我就告诉自己，这是最后一篇，之后不再总结和Cordova相关和web容器相关的内容，但是，很不巧，我昨天总结完《关于Cordova框架对URL拦截导致通信丢失问题的处理》之后，我又按耐不住自己了（PS：我本来是没想研究这么深的，但是，停不下来了），那我就问自…

首先申明下，这个是在实际框架演变过程中自创的一个概念，其它混合框架可能也会有这个概念，但应该是会在原生底层来实现，而不是前端实现。。

很多人刚刚接触小程序时，经常会 “嫌弃” 它跟 web 相比阉割弱化的能力、跟 Vue 相比简单到过分的语法，甚至有的人还会认为小程序就是仗着自己的强大生态和用户在搞技术垄断！但是其实这个问题的根本在于和 Web 网站相比，微信小程序更需要考虑安全、性能等因素，因为需要考虑到开…

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

一.前言痛点1：现今本团队内的端内web应用，均是由webpack构建打包而成的单页或多页web应用，前端工程构建完成的结果是这样的画风可以看出其静态资源中，不乏体积几百k~几m不等，而这些静态资源均

H5 页面发版灵活，轻量，又具有跨平台的特性，在业务上有很多应用场景。但是同时对比 App，H5 的性能表现总是要逊色一筹，比如页面打开往往会出现白屏，滑动列表等交互场景下也不如 Native 页面流畅。针对这些白屏、卡慢之类的问题，我们测试该从哪些方面去展开测试分析和数据对比…

公司之前更新前端代码需要远程到服务器后，将对应打包好的项目代码复制到目录中去。在更新频繁的时候，中间所浪费的无用时间就变的很多，加上回退版本还要涉及到备份的操作，多服务器的时候还要记住密码账号等等等操作就会觉得繁琐。再加之人员众多，服务器的安全性也无法得到保障。遂计划开发出一套…