“哥，我面试字节挂了！” 小明哭丧着脸：“MD，太卷了！这 Vue3 刚转正没多久，面试官就问上我原理了，什么 reactivity 实现原理，proxy ，Vue3初始化的流程，编译优化，diff

工欲善其事，必先利其器！ 写一个开源的项目也不例外，就拿在国内很火的vue3框架和vite工具来讲，其中的实现与架构设计无不是一个复杂而庞大的工程，而支撑这些工程能顺利运行的无不是一个又一个的轮子

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，

🚀最近为了夯实Vue，花了74天，把Vue3完完整整地过了一遍，受益匪浅！📚我将所有笔记整理成此文，共101张脑图，包括了Vue3.2最新的语法，欢迎阅读~

红黑树是数据结构与算法中比较难理解的一个树状结构了，本篇文章中用55张图配合用JS手撕红黑树，让你对红黑树有一个新的认识。

记得很早之前，有个人说过，看源码就像武侠小说里的 学习武林秘籍。会耍刀耍剑那是外力，学习武功秘籍才是内力，才能和别人在对波或战前拼气时更升一筹。 读框架的源码的确可以装以上的逼，但...... 你可能会想：是不是我太笨？是不是源码太难懂？是不是我不适合这一行...... 别担心…

看了那么多篇文章，我发现很多文章只会告诉你他是怎么写的而不会告诉你他是怎么想的。而我认为，能否写出代码最主要的是如何构思的？为什么有的人能把代码写的很优雅而有的人写的却很臃肿？为什么有的人能一直写下去而有的人却容易“中道崩殂”？我希望你在本篇文章有所收获，谢谢你的阅读！ 我不知…

目前setup sugar已经进行了定稿，vue3 + setup sugar + TS的写法看起来很香,用起来也爽。

当 a 变化时，对应的回调函数就会执行。 Vue3.0 中的 effect 同样会在响应式数据发生改变时，去执行对象的注册回调。看下面的代码 虽然写法上有所区别，但是核心没有变，数据改变，执行我们期望中的事情（回调）。真要说区别其实也很明显，一个是显式的写入依赖，一个算半显式的…