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

从 2017 年发出关于 v5 的投票开始，到 2019 年 10 月发布第一个 beta 版本，目前是 5.0.0-beta.16。现在在收集使用反馈、生态升级的过程中，相信不久后就可以正式发布了。这次升级重点：性能改进、Tree Shacking、Code Generation、Module Federation。 下面我们跟着 Changelog 来动手，测测重点内容~ 优化持久缓存 首先简单说 Webpack 中 graph 的概念： Webpack 在执行的时候，以配置的 entry… »

防抖 前言 在前端开发中会遇到一些频繁的事件触发，比如： window 的 resize、scroll mousedown、mousemove keyup、keydown 为此，我们举个示例代码来了解事件如何频繁的触发： 我们写个 index.html 文件： debounce.js 文件的代码如下： 我们来看看效果： 从左边滑到右边就触发了 165 次 getUserAction 函数！ 因为这个例子很简单，所以浏览器完全反应的过来，可是如果是复杂的回调函数或是 ajax 请求呢？假设… »

从原型到原型链 构造函数创建对象 我们先使用构造函数创建一个对象： 在这个例子中，Person 就是一个构造函数，我们使用 new 创建了一个实例对象 person。 很简单吧，接下来进入正题： prototype 每个函数都有一个 prototype 属性，就是我们经常在各种例子中看到的那个 prototype ，比如： 那这个函数的 prototype 属性到底指向的是什么呢？是这个函数的原型吗？ 其实，函数的 prototype… »

Service Worker 以其 和 两个特点，决定了针对它的更新操作必须非常谨慎小心。因为它具有拦截并处理网络请求的能力，因此必须做到网页(主要是发出去的请求)和 Service Worker 版本一致才行，否则就会导致新版本的 Service Worker 处理旧版本的网页，或者一个网页先后由两个版本的 Service Worker 控制引发种种问题。 前置知识 SW 的作用 SW 的注册方式 (navigator.serviceWorker.register) SW… »