枣仁

最近在刷面试题，收集一些优质的前端面经，这两年的面经不是很多，且看且珍惜。挺感慨的，2021的黄金时代 到 2022年的青铜时代 再到 2023年的xx已死

源码级层面角度剖析React中useEffect和useLayoutEffect hook有什么区别。

在文章的开头，我想先抛出一些问题： webpack的热更新功能，需要哪些模块的支持？ 一次热更新周期中，各个模块都做了哪些事情？ webpack中的watchpatch模块做了什么事情？ webpac

webpack5推出一个新功能叫module federation,意为模块联邦，它提供了一套在不同项目构建之间模块的调度、运行机制。很像微前端，但又不限于此。本文结合案例介绍它的基本应用和原理

解析 webpack 核心流程与插件架构，理解： - Webpack 从启动到输出 bundle，内部逻辑流转过程 - 编写 webpack 插件前，你需要弄清楚哪些问题

使用`react-redux`订阅 store、检查更新数据和触发重新渲染，并通过代码实现 `react-redux` 的核心逻辑同时介绍 `react-redux` 的实现原理。

我希望写一篇文章把关于渲染流程的常见面试题串起来，让大家和面试官有的聊。 我们先简单看看浏览器的总体架构。 记得 08 年以前，打开网页的时候一个页面卡死整个浏览器凉凉。 这是因为当时浏览器是单进程架构，一个页面或者插件卡死，整个浏览器都会崩溃，非常影响用户体验。 1个浏览器主…

一、什么是 HMR HMR 全称 Hot Module Replacement，中文语境通常翻译为模块热更新，它能够在保持页面状态的情况下动态替换资源模块，提供丝滑顺畅的 Web 页面开发体验。 HM

APM介绍 前端APM（Application Performance Manage）是对线上运行状况进行监控的一种手段，通过APM能够实时监控线上的脚本异常、页面白屏、网络延迟，以及从各个维度对各个