阿崔cxr

最初我们的想法是先让项目跑起来，所以直接在原有代码的基础之上进行升级，适配 vue3。 基本的做法是用 vtu 来重写之前的组件逻辑。 并且吸纳 10+ 的社区活跃贡献者。 首先之前从 options api 重构成 composition api 实现的不够优雅，大多数是从 …

最近在开发 element3 的时候，遇到了一个问题，打包后的代码会报错，和在 dev 坏境下的代码行为不一致。 赶紧要到 demo，先跑了 dev 环境。嗯，没啥问题 然后又跑了 prod 坏境。 嗯，果然出现问题了 但是问题就发生在这里，我们通过上面的案例已经知道，组件实例…

后面 element3 所有的组件也都会是通过以上方式来完成重写的。

scheduler 中文翻译过来是调度器，但是这个调度器这个词还是有点抽象啊。[[调度器]] 这里的 job 就是 update 函数，那么这里只会推入一次，也就是说，当后续执行 queueFlush 之后，才会执行 update 函数。 这里还挺简单的,就是用的 Promis…

而当我们调用 render 函数的话，肯定会触发响应式对象的 get ，着其实是关于 reactivity 的核心逻辑，如何收集依赖和如何触发依赖的。 这里我们暂时知道当我们调用 render 函数之后，会触发依赖收集，收集的就是当前用 effect 包裹的这个 functio…

看完 vue3 的 reactivity 模块后，脑子里面有无数的念头冒出来。 那我们就需要考虑一下了。 有没有可能，当我们改变了 data.name 的时候，让所以依赖它的视图或者函数都自动执行呢？就像我们手动调用 update 那样。 好，其实思考到这里就有了响应式编程的…

先说明一下，此键盘侠可非彼键盘侠（免的挨揍）。那这个键盘侠是什么呢？这个键盘侠是指我们可以用键盘来完成我们日常的开发任务。不用鼠标哦，是不是很酷。当然这需要我们记住大量的快捷键，还需要借助插件来帮助我们，这一刻意练习的过程，我称它为键盘侠养成记。 这次我想换个方式来讲解，我知道…

如果有小伙伴认认真真的跟着上篇实现了一遍代码的话，你会发现，这些逻辑都是纯 js 的，暂时还都没有涉及到 css，甚至我到目前为止都没有写过 css，也没有刷新过浏览器，通过测试就知道了逻辑是否正确（这也是用 TDD 后为什么会增加开发效率的原因）。当然了当所有的 js 逻辑都…

本系列是使用 TDD 开发组件库，尝试把 TDD 在前端落地。本系列属于开发日记，包含了我在开发组件过程中的思考和对 TDD 的实施，不会详细的介绍 TDD 是什么，怎么使用。如果你需要了解 TDD 是什么的话，请去看 《测试驱动开发》。要开发的组件全部参照 elementUI…