枣仁

React 是实现了组件的前端框架，它支持 class 和 function 两种形式的组件。 class 组件是通过继承模版类（Component、PureCompone...

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

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

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

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

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

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

我希望写一篇文章把关于渲染流程的常见面试题串起来，让大家和面试官有的聊。 我们先简单看看浏览器的总体架构。 记得 08 年以前，打开网页的时候一个页面卡死整个浏览器凉凉。 ...

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

APM介绍 前端APM（Application Performance Manage）是对线上运行状况进行监控的一种手段，通过APM能够实时监控线上的脚本异常、页面白屏、网...

在上一篇文章写一个Babel插件监听AntD Form中，使用Babel 插件对代码进行静态的转化，虽然过程很艰难，但是到最后还是留下一些问题： Form表单的初始化数据拿...

为什么要做这件事情？ 开发中遇到的痛点： 我们在使用AntD Form表单提交数据的时候，很难清楚的知道表单中的数据长什么样，比如<GoodsList />这个组件经过用户...

简述 Slardar 前端监控自18年底开始建设以来，从仅仅作为 Sentry 的替代，经历了一系列迭代和发展，目前做为一个监控解决方案，已经应用到抖音、西瓜、今日头条等众...

如何选择上报策略？监控SDK如何设计成多平台支持？如何进行SDK的代码结构组织？错误监控、性能监控的细节？等等问题，都会在文章中一个一个的来聊一聊...

如果你用过 React 或者想尝试 React，那么建议你使用 Next.js 来搭建 React 项目，本篇文章将带你详细了解 Next.JS 主要的一些功能，看它能给我...

我知道，它听起来像是《魔法战队》中某一集出现的东西。然而，AOP 是实际存在的。此外，虽然我们现在没有使用它，但它却可以被应用于我们日常会见到的一些用例中。 它最大的优势在...

最近在做保险相关的项目，由于医保局的监管要求，用户购买保险的流程必须可以回溯。这样在用户与保险公司之间产生纠纷时，就可以有迹可循。 比如用户说，当时为自己和妻子二人投了保，...

1、相关概念CSR：客户端渲染(ClientSideRender)。渲染过程全部交给浏览器进行处理，服务器不参与任何渲染。SSR：服务端渲染(ServerSideRende...