无距

在聊浏览器基本原理之前，我们先简单说一下两个重要概念——进程和线程。 当解析过程中遇到link，script，img等标签时，通知网络进程发起资源请求，并把网络请求任务放在一个Task Queue（任务队列）中。如遇到script标签，主线程停止解析dom（步骤一暂停），直到j…

webpack只能处理js模块，在js中加载图片模块时需要借助file-loader。如 url-loader可以把较小的图片转化成base64数据，从而减少对图片资源的http请求。同时打包文件也会变大； 当图片大小超过设置的限制（limit）时，默认采用file-loade…

今天，我们从浏览器的渲染原理出发，彻底搞明白为什么。 从图中可以看出，页面渲染需要经历html解析，css解析，js解释执行，layout布局，绘制几个阶段。今天我们讨论问题的答案就在html解析，css解析，js解释执行阶段 答案是肯定的，js会阻塞页面渲染。在浏览器解析ht…

最近在阅读webpack源码的时候，发现在webpack的编译器（compiler.js）里用到了tapable，于是查资料学习了以下，这里做一个学习记录。 异步钩子分为异步并发（Parallel）执行和异步串行（Series）执行，从hook名字我们就可以看出来。

babel解析js是非常耗时的，想象一下，假如我们有100个js文件，某一时刻只修改了其中一个，构建的时候还是会对这100个文件进行解析，这显然是不够高效的。这时候我们可以给babel加一个缓存，再次构建时，对那些没有发生修改的js文件，直接从缓存中读取解析结果而不需要重新解析…