mia就是我46895

Webpack热更新（ Hot Module Replacement，简称 HMR，后续均以 HMR 替代），无需完全刷新整个页面的同时，更新所有类型的模块，是 Webpack 提供的最有用的功能之一。 HMR 作为一个 Webpack 内置的功能，可以通过 --hot 或者 …

从输入 url 到返回页面的整个过程

图源：知乎-张秋怡浏览器解析并查询缓存DNS查询DNS查询顺序如下，若其中一步成功则直接跳到建立链接部分：浏览器自身DNS操作系统DNS本地hosts文件向域名服务器发送请求建立链接TCP三次握手(t

Chrome DevTools的performance面板可以记录和分析页面在运行时的所有活动。 配合无痕模式，可以避免chrome插件的影响。 1. 录制查看 下面部分是网页快照，浏览器按照一定时间间隔截取。 2. 实时查看 Paint Flashing 高亮显示网页中需要被…

js代码分为同步任务和异步任务。 同步任务会进入主线程，异步任务会进入Event Table（事件表），当事件表中的异步任务完成后会在Event Queue（事件队列）中注册回调函数。 主线程任务全部完成后，才会完成Event Queue中的任务。 js解析器会不断地重复检查主…

前端的打包工具从之前的browserify、grunt、gulp到现如今的rollup、webpack，涌现出了很多优秀的打包工具，而目前最火的无疑是webpack，无论是当前热门的框架还是工具库很多都选择了它作为打包工具，因此在开发中webpack作为打包工具是一个很好的选择…

**这个系列到这里应该就是最后一节了，**前两章着重讲了promise，为什么着重讲promise呢？因为在用法上promise要比async await难一些，而且promise本身又不是一个语法糖。没有掌握的时候用起来就会有很多顾虑，async await却没有这种顾虑，用…

前端的路由模式包括了 Hash 模式和 History 模式。 vue-router 在初始化的时候，会根据 mode 来判断使用不同的路由模式，从而 new 出了不同的对象实例。例如 history 模式就用 HTML5History，hash 模式就用 HashHistor…

最近在看博客的时候，发现有的面试题已经考HTTP/2了，于是我就顺着去了解一下。 下面就简单聊聊他们三者的区别，以及整理一些必要的额外知识点。 试想一下：请求一张图片，新开一个连接，请求一个CSS文件，新开一个连接，请求一个JS文件，新开一个连接。HTTP协议是基于TCP的，T…