ScarlettLL

我正在参加「掘金·启航计划」前端监控 稳定性 web worker 页面崩溃 页面崩溃 主线程卡死 浏览器兼容性检测...

前述：前段时间出了性能分析的需求，需要对前端页面性能做一套自动化测试工具。领导都发话了，那咱说干就干。花了一周时间去找资料以及匹配优秀并且合适的开源插件。花了一个月的时间(...

浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文...

Chunk 是什么？Webpack 如何根据 entry、异步模块、runtime 配置组装 Chunk？...

从 2017 年发出关于 v5 的投票开始，到 2019 年 10 月发布第一个 beta 版本，目前是 5.0.0-beta.16。现在在收集使用反馈、生态升级的过程中，...

从上一节html DOM转换为Element元素对象可以看出，将DOM结构手动转换为元素对象是比较繁琐的，所以需要提供一种方式来简化元素对象的创建，这种方式就是JSX。 J...

本系列React原理浅析文章，通过实现一个与React有相同API的Didact，以及如何逐步构建它，使React内部更容易理解。 本文通过学习上述原文，再加上作者自身的理...

在开发过程中，我们希望源代码文件后，Webpack就能检测到文件的变化，然后马上更新有改动的文件，不需要重启服务就能看到文件的变化。 自动刷新是指webpack的devSe...

在开发过程中，源文件经常要被修改，免不了要重新构建打包，才能看到修改后的效果。这时候构建速度就显得尤为重要，构建速度的优化能极大地提高开发效率和体验。 本文介绍一些常见的W...

其中左边部分可以理解为module，就是各个源码文件，webpack的世界中，一切皆模块，只要可以被引用的都是模块。 中间部分就是chunk，多模块合并成的，如：entry...

上一篇文章介绍了最基本的Webpack配置，可以满足一个前端项目最基本的构建和打包需求。 本文在基本配置上，增加更高级的配置，包括多入口处理、压缩CSS、公共代码和第三方库...

本系列文章并不打算从Webpack的概念和原理开始和你娓娓道来，因为我知道，如果你有这个时间，你就不会搜到我这篇文章，而是会选择之间从官网的文档开始慢慢看起。 既然时间紧张...

前不久在开发中遇到一个问题，在一个基于class component的react项目，想要使用像hooks里的useEffect这样的函数，来监听某些props的变化，每当...