Webpack的分包机制主要是通过代码分割（code splitting）来实现，简单来说，就是将一个完整的代码，分布到不同的打包文件中。

从 2.3MB 到 280KB：我是如何给前端 JS「瘦」身的 去年接手一个电商项目时，我遇到了个棘手问题：首屏加载要等 5 秒多，用户投诉像在看「加载动画展」。打开 Chrome 开发者工具一看，主

前言 当面试官问：给你十万条数据，你会怎么办？ 这时我们该如何应对呢？ 在实际的Web开发中，有时我们需要在页面上展示大量的数据，比如用户评论、商品列表等。如果一次性渲染太多的数据（如100，000条

面试官：看你简历上做过图片或文件批量下载，那么假如我一次性下载几十个，如何去控制并发请求的？ 让我想想，额~， 选中ID，循环请求？，八嘎！肯定不是那么沙雕的做法，这样做服务器直接崩溃啦！

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理念。 我们的目的是什么？优化

今天看到一个面试题，是关于img图片加载方面的，有必要记录一下。其实关于这个问题，只要知道图片什么时候加载完成就能解决了。 通过onload事件判断Img标签加载完成 实现逻辑：新建一个Image对象

前言 在使用umi的过程中，随着项目的日渐膨胀，由于在umi3之前打包的时候都是集中在一个大文件上的，这就是导致一个文件会很大，有幸见过一个js文件超过了10M，而且项目所运行的网络又是3G网速。这时

HEAD: 请求资源的头部信息, 并且这些头部与 HTTP GET 方法请求时返回的一致. 该请求方法的一个使用场景是在下载一个大文件前先获取其大小再决定是否要下载, 以此可以节约带宽资源 数据传输方式不同：GET请求通过URL传输数据，而POST的数据通过请求体传输。 安全性…

提到前端打包工具，毫无疑问想先到的是webpack。但是前端发展地很快，时不时会有新东西出现，打包工具这边之前也出现parcel和rollup。各种工具的碰撞，相互汲取优点，促进技术的发展。 webpack4中支持了零配置的特性，同时对块打包也做了优化，CommonsChunk…