前端陶花花

大家应该都使用过浏览器的后退和前进功能，它就是我们今天的主题：撤销和回退。其实不光是在浏览器里面，在众多的工具软件内也都有类似的功能，远的不说，例如：vscode、ppt。 眼尖的同学可能已经看到了 Stack ，是的，你想的没错，其实撤销和回退功能就是对 Stack 的使用场…

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

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

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

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

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