snowbitx

本文通过最简实现（单 effect、单依赖）来演示 Vue 3 响应式核心原理。实际 Vue 3 实现更复杂（支持多依赖、嵌套 effect、依赖清理等）...

大家好，我是 vue3-vant-mobile 的作者，也是多个 Vue 社区项目的长期贡献者。 最近两个月我主要在折腾一个新项目：AI Elements Vue，一个面向...

在学习 h 函数后，如果你在某些业务场景厌倦使用 Template 的组件编写方式， 完全可以在 Vue 中像 React 那样，以函数式的编程方式来编写组件（不依赖 JS...

我一直都没有发出这最后一篇文章，主要是因为这也只是个心得总结，后续也没有了（哈哈） 在学习 Vue 3 的过程中，我很幸运能遇到远方的帮助。他是 Vue3 的核心成员，也是...

前言 可能大家在项目中已经都用上了双 token，可能你的 refresh_token 至今为止都没派上用场。 你可能已经看过了很多篇讲 token 无感刷新的文章了，看完...

作为一名拥有四年前端开发经验的工程师，我主要在互联网 C 端项目工作，常常需要处理金额计算、数据加密、表单校验、时间处理、状态持久化等问题。 在这类项目中，选对工具能大大提...

watch 的一个核心用途，是在响应式数据发生变化时执行 副作用（Side Effect）。 然而，当副作用是异步的或需要手动清理时，就会出现一个常见问题： 如果监听的数据...

模块/组件分层设计 上层模块依赖下层模块，下层模块不反向依赖上层模块。 Ui层 组件层（components）: 页面展示，用户交互（按钮表单弹窗） 业务逻辑层 逻辑层（C...

今天我们要在保持既有链表架构不变的前提下，实现 computed 的惰性计算 + 缓存（dirty 旗标）与调度逻辑。 示例演示 先看官方代码的效果： 可以看到控制台会先输...

在打造响应式系统时，一个容易遇到的状况是，effect 在执行期间同时“读取”又“写入”同一个依赖，这会造成自我触发 (self-trigger)。 effect 为了读值...

大家好，我是奈德丽 👋 最近在Code review的时候，遇到了一个让人头疼的问题：团队新来的同事总是分不清什么时候该用 Hooks，什么时候该用 Utils，结果代码...

昨天，我们完成了“依赖清理”机制，让 effect 能够正确处理动态变化的依赖关系。然而，这也带来了一个新的性能问题：当依赖频繁变化时，系统需要不断地创建和销毁 Link ...

今天我们来探讨一个棘手的边界情况：嵌套 effect。 当一个 effect 内部又定义了另一个 effect 时，我们的系统会如何运作呢？ 在这种情况下，我们预期内外层都...

我们的代码虽然已经可以运作，但 RefImpl 这个类同时处理了数据存储和链表管理，不易于扩展，所以需要调整代码结构。尽管前几章的代码已经能正常工作，但它存在一个很大的问题...

昨天，我们了解了链表的核心概念，现在要把这些概念结合起来。 首先让我们从一个常见的场景开始：当一个响应式数据 (ref) 同时被多个 effect 依赖时，会发生什么？ 我...

在正式开始实现我们自己的响应式 API 之前，我们先创建一个简单的测试环境，来观察 Vue 官方 ref 和 effect 的实际情况。 先在 packages/react...

前言 你是否曾对 Vue 的响应式系统感到过困惑？当我们在代码中修改一个变量时，界面上的内容就会自动更新。这个方便快捷的背后机制到底是什么？ 了解这个底层逻辑，就是我这次想...