江北__张小凡

1，源码目录结构 Vue.2.6x的目录结构如下： 重点： src/core目录下是Vue.js的核心源码，这部分逻辑是与平台无关的，是Vue框架的核心运行时。 2，Vue从哪里来 我们启动一个Vue

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

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

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

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

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

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

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

在上一章节，我们讲解了普通函数组件更新的基本流程，也知道了一个组件修改状态触发的更新，它的子组件也跟着重新渲染的原因。 所以本节就将从React.memo方法来解析函数组件的性能优化处理。 1，案例准