常用加速方法 通常的 web 优化方法，基本围绕在资源加载和 html 渲染两个方面。前者针对首屏，后者针对可交互。 资源优化上，我们总的方向是围绕更小的资源包上，比如常见的：压缩、减包、拆包、动态加载包及图片优化上。 html 渲染上总的方向是更快的展示内容，比如通过 cdn 分发、dns 解析、http… »

移动端 web 页面的开发，由于手机屏幕尺寸、分辨率不同，或者需要考虑横竖屏问题，为了使得 web 页面在不同移动设备上具有相适应的展示效果，需要在开发过程中使用合理的适配方案来解决这个问题。 方案概述 静态布局 + initial-scale + 各个元素 px 早期网页设计采用静态布局，通过 标签中的 应用设备标识识别移动设备，即 。 在 标签中的 viewport 标签中设置 width，通过 js 动态修改标签的 initial-scale… »

IOS fix 定位不准 现象 在有输入框的情况下尽量不要用 fixed 定位，用 absolute，否则在 IOS 下会出现很多问题，比如输入法收起时 fixed 定位的元素其实还在未收起的地方，会造成在输入法收起时输入框不能点击 解决方案 当然在用 absolute 的时候，需要注意 body、html 的定位（设置为 relative 或者不设），放在 body 的下面等等问题 微信下 IOS13 输入法不恢复 现象 在 IOS1… »

Chrome 和 Safari 浏览器 preventDefault 报 treated as passive 错误 其实这个问题出现有一段时间了，主要麻烦的是，以前没有，后来，Chrome 和 Safari 浏览器升级了，然后出现这个错误，而且就在一个月前，Chrome 浏览器还只是黄色的警告，现在直接就红色错误献上。 例如，随便新建一个空白页面，写上如下 JavaScript 代码： 然后在移动端模式下页面上点击滑来滑去记下，就可以看到一大堆错误： Intervention Unable… »