雨默默下了一整夜

背景 前半年接了一个划线需求，乍看可能会觉得没那么复杂，但细细分析后会发现有较长的交互流程和逻辑链。

每次hmr，都会生成一个新的compilation 每个模块文件在通过Loader解析完成之后，会通过acorn库生成模块代码的AST语法树 bundle文件是一个IIFE的执行函数 wb执行起点，是

概述 浏览器和Node是V8引擎的两个宿主，前者主要包含了Dom、window等对象内容，后者提供了文件系统，网络操作等。 内存 V8高效的一个原因就是内存。 Node是由C++开发的程序，底层是两部

浏览器按顺序加载由 script 标签分割的js代码块，完毕后立刻进入以下三个阶段。然后下一个代码块，无论是外部脚本文件（不异步加载）还是内部脚本代码块都是一样，并且都在同一个全局作用域中。 JS引擎

概述 不论在浏览器环境，还是Node环境，js运行的事件循环都是重中之重，但两个环境下的事件循环是基于不同的原理，尤其是Node.js 10+版本之前，一个是基于浏览器，一个是基于 libuv 库。

2 js放在head中会立即执行，阻塞后续的资源下载与执行。因为js有可能会修改dom，不阻塞的话dom的操作顺序不可控。在DOM结构生成之前就调用DOM，JavaScript会报错 7 有async的，会告诉浏览器，js不会修改dom和样式，与其他资源没有依赖关系，所以下载完…

浏览器将资源放入队列时间，比如：遇到更高优先级的请求或请求并发超过 6 了。 因放入队列时间而发生的停滞时间。 与代理服务器协商时间。 DNS 解析时间，浏览器需要将域名转换成 IP。 在浏览器发送请求前，需要建立 HTTP 连接的时间。 如果网站使用了 HTTPS，这个就是浏…

在有限的带宽限制下，提升网站打开速度。不止是 Tomcat，常用的 nginx、Apache 都可以通过配置的方式打开 Gzip 压缩功能。

当正则表达式无子表达式，并且定义为非全局匹配时，exec和match执行的结果是一样，均返回第一个匹配的字符串内容；当正则表达式无子表达式，并且定义为全局匹配时，exec和match执行，做存在多处匹