江北__张小凡

Vue3.2x源码解析（一）：vue初始化过程 1，目录结构 先回顾下 Vue2 源码目录： 再看看 Vue3 源码的目录结构： Vue3采用monorepo是管理项目代码的方式。不同于 Vue2 代

Vue3.2x源码解析（二）：组件初始化 本节将深入理解vue3的组件初始化过程。首先接着上节看一下patch方法的内容： 1，组件加载 patch 根据源码可以看出patch函数的作用非常重要：主要

Vue3.2x源码解析（三）：深入响应式原理 本节将深入理解vue3的响应式系统构成。 我们知道vue2的响应式数据依赖于原生方法Ojbect.defineProperty，因为这个方法在追踪集合数据

基于Antd+Dumi的React组件库封装 在很多的公司里，随着业务的发展，前端研发团队都会基于公司业务的需求搭建一套公司内部的组件库，这不仅可以规范团队的开发标准，还可以降低研发的成本，提升整体的

为确保React项目开发的代码质量、提升团队协作效率、便于后期维护，以过去的经验总结了一篇react开发的基本规范。本规范旨在提供一套清晰、统一的代码编写标准，涵盖了代码风格、命名规范、组件设计等多个

react diff算法是react框架的核心算法，它最大的作用就是在应用更新的时候，找出新旧虚拟节点树的差异，最大程度的复用旧的节点信息，来减少真实的dom渲染，以此来提高框架的性能。 根据reac

在快速迭代、持续创新的前端开发领域，项目脚手架作为项目启动的基石，其重要性愈发凸显。然而传统的做法，如借助vue-cli、create-react-app（cra）等工具快速生成基础模板后，仍然需要根

随着公司业务的发展，我们经常会积累并封装一套公共组件库或者自定义脚手架，这些工具极大地加速了我们的业务开发流程。但是出于对代码安全和公司隐私的考虑，我们不能将这些内容上传到公开的npm仓库中，这时候我

前面两个章节我们已经了解过普通函数组件的更新流程以及React.memo方法优化函数组件的原理。 本节就从实践方面来讲解React.memo方法与性能优化hook的搭配使用。 1，原理回顾 首先回顾一