【个人博客文章】

内容有一定深度&字数在5k以上的文章集合

前端

Vue2

• Vue2源码-响应式原理浅析
• Vue2源码-整体渲染流程浅析
• Vue2源码-双端比较diff算法 patchVNode流程浅析

Vue3

• Vue3源码-响应式系统-依赖收集和派发更新流程浅析
• Vue3源码-响应式系统-Object、Array数据响应式总结
• Vue3源码-响应式系统-Set、Map数据响应式总结
• Vue3源码-响应式系统-ref、shallow、readonly相关浅析
• Vue3源码-整体渲染流程浅析
• Vue3源码-diff算法-patchKeyChildren流程浅析
• Vue3源码-运行时编译模板&优化总结
• Vue3相关源码-Vuex源码解析
• Vue3相关源码-Vue Router源码解析(一)
• Vue3相关源码-Vue Router源码解析(二)
• (TODO)Vue3源码-Teleport源码解析

React18(正在研究...)

• (基本定稿)React初探-构建最小化的React
• (WIP)React18源码-整体渲染流程解析
• (WIP)React18源码-hooks初始化以及同步更新渲染流程分析
• (TODO)React18源码-diff算法解析
• (TODO)React18源码-Context分析
• (TODO)React18源码-合成事件分析
• (TODO)React18源码-并发更新
• (TODO)Redux、Mobx、Flux源码解析
• (TODO)React Router源码解析

工程化

webpack

• 「Webpack5源码」热更新HRM流程浅析
• 「Webpack5源码」make阶段（流程图）分析
• 「Webpack5源码」enhanced-resolve路径解析库源码分析
• 「Webpack5源码」seal阶段（流程图）分析(一)
• 「Webpack5源码」seal阶段分析(二)-SplitChunksPlugin源码
• 「Webpack5源码」seal阶段分析(三)-生成代码&runtime

vite

• 「vite4源码」dev模式整体流程浅析（一）
• 「vite4源码」dev模式整体流程浅析（二）

跨端开发框架

• 【uni-app&微信小程序&React Native】跨端原理初探
• (TODO) 微信小程序JSBridge和APP JSBridge对比

Node.js

• Koa源码解析&手写

【知识总结】

内容较为简单或者字数较少的文章集合

• 【基础】vue-router使用详解
• 【基础】vite使用详解
• 【基础】rollup使用详解
• 【基础】esbuild使用详解
• 【基础】gulp使用详解
• 【基础】Node.js使用详解
• 【基础】React18使用详解

【电子书】

• canvas、webGL、three.js
• mini-vite
• mini-koa

【个人项目】

• mini-Vue-admin
• BG-CMS-Koa2