snowbitx

在学习 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 的响应式系统感到过困惑？当我们在代码中修改一个变量时，界面上的内容就会自动更新。这个方便快捷的背后机制到底是什么？ 了解这个底层逻辑，就是我这次想...

1.可读性 1.命名语义清晰 变量，函数，组件的命名是否表达清晰的意图 2.函数职责单一 函数是否只做一件事，是否容易理解 3.层次清晰 逻辑是否有良好的缩进，空行，段落感...

因为Vue是异步驱动视图更新数据的，即当我们在事件中修改数据时，视图并不会即时的更新，而是等在同一事件循环的所有数据变化完成后，再进行视图更新。类似于Event Loop事...

探索 Antfu ESLint 配置：一款极为便捷的 ESLint 设置方案 前言 在前不久的 12 月 07 日，第七届 FEDAY 会议在厦门万象影城举办，会议嘉宾中有...