云阁

BFF是一种Web架构，全名为Backends For Frontends，即为服务于前端的后端。BFF一般指的是在前端与后端之间加增加一个中间层。...

ref 与 reactive 都属于深层响应 (deep) API。它们会递归地将内部所有嵌套对象都转换为响应式代理。在多数情况下这非常方便，但当处理大型数据结构时，这种深...

本节的内容会分为两个部分，前面的部分我会为你展示基于标准的定义实现Promise的大致过程。而剩余的部分，我会从标准的角度为你展示，Async函数是如何实现异步编程的。...

TypeScript 的配置就像装修房子，刚开始总觉得越多越好，后来才发现简洁实用最重要。毕竟，我们的目标是写业务代码，不是玩配置杂技，对吧？...

在响应式系统中，reactive 能够将一个对象转换为深层的响应式对象，但是在开发过程中，我们时常会需要用到解构赋值，这时候会导致响应性丢失。 问题解析 执行这段代码，你会...

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

在我们构建响应式系统的过程中，虽然对于原生 JavaScript 对象的处理已经相当完善，但数组 (Array) 与普通对象的属性不同，数组的 length 属性与其数值索...

watch 是 Vue 中非常重要的一个 API，它允许开发者在响应式数据发生变化时，执行特定的副作用（side effects）。这些副作用可以是异步行为（例如发起请求）...

在上一篇文章中，我们提到将通过「缓存」机制来解决 computed 在访问时重复执行的问题。 在 Vue 3 的源码里，computed 是靠一个「脏值标记（dirty f...

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

在完成 reactive 的基本实现之后，接下来会遇到几种常见且必须处理的情况： 原始对象传入 Reactive 对象 Reactive 对象再次传入 Reactive 对...

上一次我们提到： 每个对象的每个属性都需要自己的 Dep。 如何建立 target.a → Dep 的对应关系？ 如何在不污染原始对象的情况下存储这个关系？ 我们可以先来做...

在之前的文章中，我们已经完成了 ref 的实现，它能将原始值包装成响应式对象。现在，我们要接着完成响应式系统核心的另一部分：reactive 函数。我们的目标是接收一个完整...

VSCode插件批发商，独立开发陈随易的第14个小产品，FTP解压部署，鼠标点击2次，即可一键部署项目到线上。...

在实际情况中，effect 函数内部的依赖，常常因为条件分支（比如 if...else）而发生变化，这种情况称为「动态依赖」。 动态依赖会带来一个问题：在某次执行中不再被使...

在解决了链表节点指数增长的问题后，我们还需要关注依赖的有效性。 effect 的执行路径可能因为条件判断或程序逻辑不同而改变，导致某些依赖在本次执行中已经不再需要。 如果这...

昨天我们解决了单一依赖所导致的指数增长问题。然而，在真实的开发场景中，一个 effect 函数往往需要依赖多个响应式变量。现在我们试着新增多个依赖，在示例中加入第二个响应式...

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

流式转码方案需要适配整个转码体系的多种转码链路，涉及的维度包括业务属性（参数定制、片源特征）、软硬编码（CPU、GPU、瀚博）等。因此，质量保障必须针对不同的技术目标进行精...

2025前端开发大变革：AI重构工作流，开发者如何抢占先机？ 清晨，前端工程师小秦打开编辑器，没有像往常一样敲下第一行代码，而是输入了一段自然语言描述的需求。几秒后，基于D...