WebView 用于加载 H5 页面是常见的做法，它能够加载远程的 HTML、CSS、JavaScript 资源，并且让 Web 应用嵌入到原生 App 中。然而，WebView 的缓存机制有时会导致

问题：H5页面打包发版本了，在App中还是之前的页面； 解决：项目开始时配置nginx ，强制不缓存html

在移动端，我们为了解决带宽限制或者网络缓慢等问题，常常会使用http协议缓存静态文件（http缓存简介），从而减少网络请求，加快首屏加载时间。缓存虽然给我们带来了性能上的优化，但是也会带来一些问题，如最常见的问题就是：系统升级后文件未更新，需要手动进行刷新。要解决这个问题，要分…

干前端的，天天都在跟CSS打交道。以前我们写CSS，要是遇到复杂点的场景，比如“当一个卡片里有图片时，给卡片加个边框”，或者要给一长串不同的标题应用同一个样式，那代码写起来，说实话，挺啰嗦的。 但时代

我们做前端的，为了让网站在不同设备上都好看，天天都在和“响应式”打交道。其中最常见的一个场景，就是处理字体大小。 通常，我们是这么做的： 这套代码能用，但它有一个问题：字体大小的变化，是“跳跃式”的，

既然做优化，首先得确定 WebView 加载 H5 的耗时如何计算。首先我们来看下互联网头部公司如何确定的： 今日头条对 WebView 加载 H5 的耗时...

其中的原生、Web相互通信都离不开JSBridge，这里面小程序比较特殊，对于UI渲染和JS的执行环境做了隔离，基于前两种方式之间。 在Hybrid模式下，H5会经常需要使用Native的功能，比如打开二维码扫描、调用原生页面、获取用户信息等，同时Native也需要向Web端发…

作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `height: 100vh` 就行了