当前位置：首页 > news >正文

深挖vue3基本原理之一 —— 响应式系统（Reactivity System）

news 来源：原创 2025/5/15 15:09:30

响应式系统（Reactivity System）

1.1 基于 Proxy 的响应式代理

在 Vue 3 中，响应式系统的核心是使用 ES6 的 Proxy 来替代 Vue 2 里的 Object.defineProperty 方法，以此实现更加全面和强大的响应式追踪功能。下面我们来详细剖析这个过程。

响应式代理的实现代码

const reactive = (target) => {return new Proxy(target, {get(target, key, receiver) {track(target, key) // 依赖收集return Reflect.get(target, key, receiver)},set(target, key, value, receiver) {Reflect.set(target, key, value, receiver)trigger(target, key) // 触发更新return true}})
}

代码详细解释

reactive 函数：该函数接收一个目标对象 target 作为参数，返回一个使用 Proxy 代理后的新对象。Proxy 是 ES6 提供的一个强大特性，它可以拦截并重新定义对象的基本操作，比如属性的读取和设置。
get 拦截器：当访问代理对象的属性时，会触发 get 拦截器。
- track(target, key)：调用 track 函数进行依赖收集。依赖收集的目的是记录哪些副作用函数依赖于当前访问的属性，以便在属性值发生变化时能够通知这些副作用函数进行更新。
- Reflect.get(target, key, receiver)：使用 Reflect.get 方法获取目标对象的属性值。Reflect 是 ES6 新增的一个内置对象，它提供了一系列用于操作对象的方法，与 Proxy 配合使用可以更方便地实现对象的拦截操作。
set 拦截器：当设置代理对象的属性时，会触发 set 拦截器。
- Reflect.set(target, key, value, receiver)：使用 Reflect.set 方法设置目标对象的属性值。
- trigger(target, key)：调用 trigger 函数触发更新。当属性值发生变化时，需要通知所有依赖该属性的副作用函数重新执行。

相比 `Object.defineProperty` 的优势

支持数组索引修改和 length 变化检测：在 Vue 2 中，使用 Object.defineProperty 来实现响应式时，对于数组的一些操作（如通过索引修改元素、修改 length 属性）无法直接检测到变化。而在 Vue 3 中，使用 Proxy 可以轻松地拦截这些操作，从而实现对数组的全面响应式追踪。

const arr = reactive([1, 2, 3]);
arr[0] = 10; // 可以正常触发更新
arr.length = 2; // 也可以正常触发更新

自动追踪新增对象属性（无需 Vue.set）：在 Vue 2 中，如果要给响应式对象新增一个属性，需要使用 Vue.set 方法才能让新增的属性也具有响应式特性。而在 Vue 3 中，由于使用了 Proxy，可以自动追踪对象新增的属性，无需额外的操作。

const obj = reactive({ a: 1 });
obj.b = 2; // 新增属性 b 会自动具有响应式特性

深度监听嵌套对象（Lazy 模式，按需激活）：Vue 3 的响应式系统会对嵌套对象进行深度监听，但采用的是 Lazy 模式，即只有在访问嵌套对象的属性时才会激活对该嵌套对象的响应式追踪，这样可以提高性能。

const nestedObj = reactive({inner: {c: 3}
});
// 当访问 nestedObj.inner.c 时，才会激活对 inner 对象的响应式追踪

1.2 依赖管理机制

Vue 3 的响应式系统采用了三层依赖管理体系，通过 WeakMap、Map 和 Set 来高效地管理依赖关系。

三层依赖管理体系的结构

TargetMap：是一个 WeakMap，用于存储目标对象到键的映射。WeakMap 的键必须是对象，并且这些对象是弱引用，即如果对象没有其他引用指向它，它可以被垃圾回收，这样可以避免内存泄漏。
DepsMap：是一个 Map，用于存储键到依赖集合的映射。每个键对应一个依赖集合，该集合存储了所有依赖于该键的副作用函数。
Dep：是一个 Set，用于存储具体的副作用函数。Set 是一种无序且唯一的数据结构，确保每个副作用函数只被存储一次。

依赖管理的代码实现

type Dep = Set<ReactiveEffect>;
type KeyToDepMap = Map<any, Dep>;
const targetMap = new WeakMap<any, KeyToDepMap>();function track(target: object, key: unknown) {if (!activeEffect) return;let depsMap = targetMap.get(target);if (!depsMap) {targetMap.set(target, (depsMap = new Map()));}let dep = depsMap.get(key);if (!dep) {depsMap.set(key, (dep = new Set()));}dep.add(activeEffect);
}

代码详细解释

类型定义：
- Dep：定义为 Set<ReactiveEffect>，表示一个存储副作用函数的集合。
- KeyToDepMap：定义为 Map<any, Dep>，表示一个存储键到依赖集合的映射。
targetMap：是一个全局的 WeakMap，用于存储所有目标对象的依赖信息。
track 函数：用于进行依赖收集。
- if (!activeEffect) return;：如果当前没有活跃的副作用函数，则直接返回，不进行依赖收集。
- let depsMap = targetMap.get(target);：从 targetMap 中获取目标对象对应的 DepsMap。
- if (!depsMap) { targetMap.set(target, (depsMap = new Map())); }：如果 DepsMap 不存在，则创建一个新的 Map 并存储到 targetMap 中。
- let dep = depsMap.get(key);：从 DepsMap 中获取键对应的依赖集合。
- if (!dep) { depsMap.set(key, (dep = new Set())); }：如果依赖集合不存在，则创建一个新的 Set 并存储到 DepsMap 中。
- dep.add(activeEffect);：将当前活跃的副作用函数添加到依赖集合中。

1.3 副作用调度

Vue 3 的响应式系统基于调度器实现了异步更新队列，以提高性能和避免不必要的重复更新。

异步更新队列的实现代码

const queue = new Set();
let isFlushing = false;function queueJob(job) {queue.add(job);if (!isFlushing) {isFlushing = true;Promise.resolve().then(() => {try {queue.forEach(job => job());} finally {queue.clear();isFlushing = false;}});}
}

代码详细解释

queue：是一个 Set，用于存储需要执行的副作用函数。使用 Set 可以确保每个副作用函数只被存储一次，避免重复执行。
isFlushing：是一个布尔值，用于标记当前是否正在执行更新队列中的副作用函数。
queueJob 函数：用于将副作用函数添加到更新队列中。
- queue.add(job)：将副作用函数添加到 queue 中。
- if (!isFlushing) { ... }：如果当前没有正在执行更新队列中的副作用函数，则启动异步更新。
  - isFlushing = true;：标记为正在执行更新。
  - Promise.resolve().then(() => { ... })：使用 Promise 实现异步执行。在微任务队列中执行更新队列中的副作用函数。
  - try { queue.forEach(job => job()); } finally { queue.clear(); isFlushing = false; }：遍历更新队列，执行每个副作用函数。执行完毕后，清空队列并将 isFlushing 标记为 false，表示更新完成。

通过这种异步更新队列的方式，Vue 3 可以将多次属性变化引起的副作用函数执行合并为一次，从而提高性能。例如，在短时间内多次修改响应式对象的属性，只会触发一次副作用函数的执行。

综上所述，Vue 3 的响应式系统通过基于 Proxy 的响应式代理、三层依赖管理机制和副作用调度，实现了高效、全面的响应式追踪和更新功能。

深挖vue3基本原理之一 —— 响应式系统（Reactivity System）

响应式系统（Reactivity System） 1.1 基于 Proxy 的响应式代理在 Vue 3 中，响应式系统的核心是使用 ES6 的 Proxy 来替代 Vue 2 里的 Object.defineProperty 方法，以此实现更加全面和强大的响应式追踪功能。下面我们来详细剖析这…...

编程日记 2025/5/15 15:09:30

解锁Rust：融合多语言特性的编程利器

如果你曾为理解Rust的特性或它们之间的协同工作原理而苦恼，那么这篇文章正是为你准备的。 Rust拥有许多令人惊叹的特性，但这些特性并非Rust所独有。实际上，Rust巧妙地借鉴了众多其他语言的优秀特性，并将它们融合成了一个完美的整体。深入了解Rust这些重要特性的来源以及它是…...

编程日记 2025/5/15 14:41:30

AI编程01-生成前/后端接口对表-豆包（或Deepseek+WPS的AI

前言：做过全栈的工程师知道，如果一个APP的项目分别是前端/后端两个团队开发的话，那么原型设计之后，通过接口文档进行开发对接是非常必要的。传统的方法是，大家一起定义一个接口文档，然后，前端和后端的工程师进行为何，现在AI的时代，是不是通过AI能协助呢，显然可以…...

编程日记 2025/5/15 14:13:11

[AUTOSAR通信] - PDUR模块解读

点击订阅专栏不迷路文章目录一、 PDUR模块概述二、功能描述2.1 发送路由功能2.2 接收路由功能2.3 网关路由功能2.4 路由控制功能三、配置項介紹3.1. PduRBswModules3.2. PduRGeneral3.3. PduRRoutingTables3.4. PduRRoutingPath3.5. PduRSrcPdu3.6. PduRDestPdu 四、总结 &g…...

编程日记 2025/5/9 2:31:43

伺服报警的含义

前言： 大家好，我是上位机马工，硕士毕业4年年入40万，目前在一家自动化公司担任软件经理，从事C#上位机软件开发8年以上！我们在开发C#的运动控制程序的时候，一个必要的步骤就是设置伺服报警信号的…...

编程日记 2025/5/15 14:39:02

物联网（IoT）如何与人工智能（AI）的结合

物联网（IoT）与人工智能（AI）的结合是当前技术发展的重要趋势，通常被称为 AIoT（人工智能物联网）。这种结合通过将AI的计算能力和数据分析能力与物联网的海量设备连接能力相结合，实现了…...

编程日记 2025/5/15 14:41:30

有哪些PHP开源框架属于是“高开疯走”的？

“高开疯走”是一个网络流行语或者谐音梗。可能是指一开始起点很高（高开），然后发展迅速或者变得非常牛（疯走）。在PHP生态中，一些框架面对市场的风起云涌，能持续保持高质量发展，切实…...

编程日记 2025/5/8 7:37:15

本地部署DeepSeek摆脱服务器繁忙

由于图片和格式解析问题，可前往阅读原文最近DeepSeek简直太火了，频频霸榜热搜打破春节的平静，大模型直接开源让全球科技圈都为之震撼！再次证明了中国AI的换道超车与崛起 DeepSeek已经成了全民ai，使用量也迅速上去了…...

编程日记 2025/5/13 17:41:57

Miniforge —— 轻量化的 conda 解决方案

引言在日常使用中，我们常常使用 Anaconda 或 Miniconda 来管理 Python 环境和包。但由于 Anaconda/Miniconda 属于商业产品，当企业规模超过一定人数时就会涉及付费问题。相比之下，Miniforge 是由社区主导维护的一个完全免费的替代方案&…...

编程日记 2025/5/15 15:02:01

GO语言基础知识

一、引言在当今快速发展的软件开发领域，Go语言（又称Golang）凭借其简洁的语法、强大的并发支持和高效的性能，逐渐成为许多开发者的首选编程语言之一。Go语言由Google团队开发，自2009年发布以来，已经在云原…...

编程日记 2025/5/14 7:26:36

Electron 全面解析：跨平台桌面应用开发指南

引言在当今多平台并存的数字时代，如何高效开发跨平台桌面应用成为开发者面临的重要挑战。Electron作为GitHub开源的跨平台框架，凭借其独特的Web技术融合能力，已成为构建桌面应用的热门选择。本文将深入探讨Electron的核心原理、开发实践及未…...

编程日记 2025/5/15 13:37:56

git 克隆指定 tag 的项目

git 克隆指定 tag 的项目一、克隆指定tag的项目二、验证克隆结果一、克隆指定tag的项目以 tinyxml2项目为例说明： git clone --branch V10.0.0 https://github.com/leethomason/tinyxml2.git解释： git clone：这是克隆一个远程仓库的命…...

编程日记 2025/5/15 3:48:33

pytorch笔记：mm VS bmm

1 bmm (batch matrix multiplication) 批量矩阵乘法，用于同时处理多个矩阵的乘法bmm 的输入是两个 3D 张量（batch of matrices），形状分别为 (batch_size, n, m) 和 (batch_size, m, p)bmm 输出的形状是 (batch_size, n, p) 2 mm…...

编程日记 2025/5/15 13:46:46

《qt open3d中添加最远点采样》

qt open3d中添加最远点采样效果展示二、流程三、代码效果展示二、流程创建动作，链接到槽函数，并把动作放置菜单栏参照前文三、代码 1、槽函数实现 void on_actionFilterFarthestDownSample_triggered();void MainWindow::on_...

编程日记 2025/5/15 14:26:02

自然语言处理NLP入门 -- 第二节预处理文本数据

在自然语言处理（NLP）中，数据的质量直接影响模型的表现。文本预处理的目标是清理和标准化文本数据，使其适合机器学习或深度学习模型处理。本章介绍几种常见的文本预处理方法，并通过 Python 代码进行示例。 2.1 文本清理…...

编程日记 2025/5/13 7:26:16

depcheck检查node.js项目中未使用和缺失依赖的工具

depcheck检查node.js项目中未使用和缺失依赖的工具一、安装二、使用方法 depcheck 是一个用于检查 Node.js 项目中未使用依赖项和缺失依赖项的工具。以下为你详细介绍它的相关信息、使用方法和作用。主要作用: 1.发现未使用的依赖在项目开发过程中，我们可能会安…...

编程日记 2025/5/14 15:48:30

正则表达式(竞赛篇)

为了更深入了解正则表达式，我们需要首先学习与正则表达式有关的类以及方法。如Pattern和Matcher类，以及部分字符串方法。我们这里先将简单的字符串方法(String类)进行讲解在Java中，String类提供了许多用于字符串操作的方法，其中…...

编程日记 2025/5/15 13:51:09

国科大 2024-2025秋大数据分析课程期末复习重点

教师：靳小龙、刘盛华博主在做期末复习时，发现这门课的资料少之又少，搜遍全网只能找到几份作业答案。特此将本学期老师画的重点分享给学弟学妹们，希望对大家的复习有所帮助。靳小龙老师部分： 大数据与大数据分析简…...

编程日记 2025/5/13 4:37:25

使用Python爬虫获取淘宝Custom API接口数据

一、引言淘宝作为中国最大的电商平台之一，其提供的API接口为开发者提供了丰富的数据访问能力。通过淘宝的Custom API接口，开发者可以获取商品详情、店铺信息、订单数据等多种资源。这些数据对于电商运营、市场分析、竞品监控等场景具有极高的价值。本文…...

编程日记 2025/5/15 14:20:39

人生的转折点反而迷失了方向

就像我老婆说的，我是抽空结了一个婚。今天是上班的第三天，不知道是出于何种原因，自己反而陷入了深深的困境，没有了斗志，原因也找不出来，白天在公司没有很大量的产出，晚上回去是想学一学&#xf…...

编程日记 2025/5/15 13:53:15

Web应用项目开发 ——Spring Boot邮件发送

一.邮件发送介绍邮件发送是一个非常常见的功能，注册时的身份认证、重要通知发送等都会用到邮件发送。在现代的Web应用程序中，邮件发送功能是非常常见且重要的一部分，Spring Boot框架提供了简单且强大的方式来实现邮件发送功能。Spring中提供…...

编程日记 2025/5/11 11:14:35

mit6.824-lab1

1.任务及要求 https://pdos.csail.mit.edu/6.824/labs/lab-mr.html 2 Coordinator 与 Worker 的设计分析 2.1 Coordinator（协调器）的核心职责协调器是 MapReduce 系统的核心控制节点，负责全局任务调度与状态管理，具体功能如下…...

编程日记 2025/5/15 14:24:06

Vision Transformer：打破CNN垄断，全局注意力机制重塑计算机视觉范式

目录引言一、ViT模型的起源和历史二、什么是ViT？ 图像处理流程图像切分展平与线性映射位置编码 Transformer编码器分类头（Classification Head） 自注意力机制注意力图三、Coovally AI模型训练与应用平台四、ViT与图像…...

编程日记 2025/5/14 7:27:44

linux查看所有程序占用的本地端口

sudo ss -tulwnp ss是Socket Statistics的缩写，用来替代旧的netstat工具，功能更强大，执行更快。它用于查看系统的网络连接情况，包括TCP、UDP等协议的信息。查阅ss的帮助文档（man ss），发现选项…...

编程日记 2025/5/14 4:40:45

java后端开发day15--字符串（一）

（以下内容全部来自上述课程） 1.API （Application Programming Interface 应用程序编程接口） 1.简单理解简单理解：API就是别人已经写好的东西，我们不需要自己编写，直接使用即可。 Java API&…...

编程日记 2025/5/12 6:11:44

C++STL容器之map的使用及复现

map 1. 关联式容器 vector、list、deque、forward_list(C11) 等STL容器，其底层为线性序列的数据结构，里面存储的是元素本身，这样的容器被统称为序列式容器。而 map、set 是一种关联式容器，关联式容器也是用来存储数据的&#xf…...

编程日记 2025/5/15 7:31:44

lvs的DR模式

基于Linux的负载均衡集群软件 LVS 全称为Linux Virtual Server,是一款开源的四层(传输层)负载均衡软件 Nginx 支持四层和七层(应用层)负载均衡 HAProxy 和Nginx一样,也可同时支持四层和七层(应用层)负载均衡基于Linux的高可用集群软件 Keepalived Keepalived是Linux…...

编程日记 2025/5/14 9:48:05

FlutterWeb实战：07-自动化部署

Flutter Web 开发打包后，可以手动发布到服务器上，通过 nginx 来托管静态页面。本文将介绍如何将这一过程自动化。整体思路使用脚本自动化构建，然后使用 Docker 打包成镜像，最后部署在服务器上。自动化构建这里使用 GitLab-…...

编程日记 2025/5/12 4:21:49

comments: true edit_url: https://github.com/doocs/leetcode/edit/main/lcof2/%E5%89%91%E6%8C%87%20Offer%20II%20020.%20%E5%9B%9E%E6%96%87%E5%AD%90%E5%AD%97%E7%AC%A6%E4%B8%B2%E7%9A%84%E4%B8%AA%E6%95%B0/README.md 剑指 Offer II 020. 回文子字符串的个数题目描述 …...

编程日记 2025/5/12 11:22:31

vue中附件下载及打印功能

1.附件dom 注：fileList是由后台返回的附件数组，数组中包含附件名称fileName,附件地址url，附件id等信息 <el-form-item label"附件" style"width: 100% !important;" v-if"modelTypeborrowDetail"><d…...

编程日记 2025/5/9 0:51:17

Python(十九)实现各大跨境船公司物流查询数据处理优化

一、前言之前已经实现了常用跨境物流船司基础信息查询功能，如下所示实现各大跨境船公司[COSCO/ZIM/MSK/MSC/ONE/PIL]的物流信息查询：https://blog.csdn.net/Makasa/article/details/145484999?spm1001.2014.3001.5501 然后本章在其基础上做了一些…...

编程日记 2025/5/15 9:41:00

android 安装第三方apk自动赋予运行时权限

摘要：行业机使用场景点击运行时权限很麻烦，而随着android的演进，对于权限的管控越发严格。故本文通过对系统的修改实现第三方app在运行时直接获取全部权限。通过属性ro.perms.force_grant控制功能开关。 Index: frameworks/base/services/…...

编程日记 2025/5/13 17:14:50

java8、9新特性

JAVA8 Lambda 表达式 (parameters) -> expression 或 (parameters) ->{ statements; } 提供了一种更为简洁的语法，尤其适用于函数式接口。相比于传统的匿名内部类，Lambda 表达式使得代码更为紧凑，减少了样板代码的编写。它允许将函…...

编程日记 2025/5/14 3:12:34

程序诗篇里的灵动笔触：指针绘就数据的梦幻蓝图＜9＞

大家好啊，我是小象٩(๑ω๑)۶ 我的博客：Xiao Xiangζั͡ޓއއ 很高兴见到大家，希望能够和大家一起交流学习，共同进步。这一节是对之前内容的修整目录一、传值调用和传址调用二、数组名的理解三、指针访问数组四、结尾一…...

编程日记 2025/5/14 13:56:15

Java网络编程入门

网络编程是指通过计算机网络进行数据传输和通信的过程。在Java中，网络编程提供了一套强大的API，使得开发者能够轻松地创建网络应用程序。本文将介绍Java网络编程的基本概念和一些常用的类。 1.网络编程的基本概念在网络编程中，我们通常需要…...

编程日记 2025/5/12 17:43:11

2.4 构建模块化应用

第4章：构建模块化应用模块化应用是 JDK 9 的核心特性之一，通过模块化系统（Project Jigsaw）实现代码的强封装和显式依赖管理。本章详细讲解如何从零构建一个模块化应用，包括模块定义、编译、打包、运行及调试。 4.1 模…...

编程日记 2025/4/25 4:21:43

14.1 Auto-GPT 项目定位与价值解读：揭开自主智能体的神秘面纱

Auto-GPT 项目定位与价值解读：揭开自主智能体的神秘面纱关键词：Auto-GPT 核心机制、自主任务分解、LangChain 智能体、持续自我优化、AGI 实践路径一、为什么 Auto-GPT 能引爆技术圈？ 1.1 从工具到员工的范式转移维度传统AI系统Auto-GPT 智能体输入方式精确指令（“翻译…...

编程日记 2025/5/11 17:56:18

【Elasticsearch】分析器的构成

在Elasticsearch中，分析器（Analyzer）是一个处理文本数据的管道，它将输入的文本转换为一系列词元（tokens），并可以对这些词元进行进一步的处理和规范化。分析器由以下三个主要组件构成&#xff1a…...

编程日记 2025/5/11 18:00:06

2025 年前端开发现状分析：卷疯了还是卷麻了？

一、前端现状：框架狂飙，开发者崩溃如果你是个前端开发者，那么你大概率经历过这些场景： 早上打开 CSDN（或者掘金，随便），发现又有新框架发布了，名字可能是 VueXNext.js 之…...

编程日记 2025/5/15 8:51:51

单例模式详解（Java）

单例模式详解（Java）一、引言 1.1 概述单例模式的基本概念和重要性单例模式是一种常用的软件设计模式，它确保一个类在整个应用程序中只有一个实例，并提供一个全局访问点来访问这个唯一实例。这种模式在资源管理、配置设置和日志记录等方面非常有用，因为它们通常只需要…...

编程日记 2025/5/12 15:15:57

后端面试题

以下是一些常见的后端面试题：一、通用基础请简述HTTP协议的工作原理。答案： HTTP是基于请求 - 响应模型的协议。客户端（通常是浏览器）向服务器发送一个HTTP请求，请求包含请求行（包含请求方法，如GET、POST等、请求的URL和HTTP版本）、请求头（包含诸如浏览器类型、接…...

编程日记 2025/5/14 6:54:10

深入理解Linux网络随笔（一）：内核是如何接收网络包的（上篇）

深入理解Linux网络随笔（一）：内核是如何接收网络包的（上篇） 1、TCP/IP模型概述从Linux视角看，TCP/IP网络分层模型包括用户空间和内核空间。用户空间（应用层）负责HTTP、FTP等协议的…...

编程日记 2025/5/12 8:54:49

SQL-leetcode—1393. 股票的资本损益

1393. 股票的资本损益 Stocks 表： ---------------------- | Column Name | Type | ---------------------- | stock_name | varchar | | operation | enum | | operation_day | int | | price | int | ---------------------- (stock_name, operation_day) 是这张…...

编程日记 2025/5/9 7:04:01

热更图片方案

项目平常需要对线上一些图片资源修正，所以需要热更图片功能。远端入口新增字段配json文件 {"1.1.22030303":{"sprite":{"assets/ui/common/images/acient_gold.png" : "https://aaaa.png","assets/ui/common/image…...

编程日记 2025/5/11 22:22:49

Flutter PIP 插件 ---- iOS Video Call

以下是一篇关于在 iOS 中实现画中画(PiP)功能的技术博客: iOS 画中画(PiP)功能实现指南简介画中画(Picture in Picture, PiP)是一项允许用户在使用其他应用时继续观看视频内容的功能。本文将详细介绍如何在 iOS 应用中实现 PiP 功能。系统要求 iOS 15.0 及以上版本AVKi…...

编程日记 2025/5/11 18:00:08

本地部署DeepSeek开源大模型：从零开始的详细教程

友情提示：本文内容全部由银河易创（https://ai.eaigx.com）AI创作平台deepseek-reasoner模型生成，仅供参考。请根据具体情况和需求进行适当的调整和验证。近年来，随着人工智能技术的飞速发展，大模型在各个领…...

编程日记 2025/5/12 21:01:54

java项目之基于SSM会议管理系统的设计与实现源码(ssm+mysql)

项目简介基于SSM会议管理系统的设计与实现实现了以下功能： 基于SSM会议管理系统的设计与实现的主要使用者分为：管理员登录后修改个人的密码。用户管理中，对公司内的用户进行管理，包括会议管理员和员工，管理部门信息…...

编程日记 2025/5/11 18:00:10

PortSwigger——WebSockets vulnerabilities

文章目录一、WebSockets二、Lab: Manipulating WebSocket messages to exploit vulnerabilities三、Lab: Manipulating the WebSocket handshake to exploit vulnerabilities四、Using cross-site WebSockets to exploit vulnerabilities4.1 跨站WebSocket劫持（cro…...

编程日记 2025/5/11 2:14:01

STM32系统架构介绍

STM32系统架构 1. CM3/4系统架构2. CM3/4系统架构-----存储器组织结构2.1 寄存器地址映射（特殊的存储器）2.2 寄存器地址计算2.3 寄存器的封装 3. CM3/4系统架构-----时钟系统 STM32 和 ARM 以及 ARM7是什么关系? ARM 是一个做芯片标准的公司&#xff0c…...

编程日记 2025/5/13 23:05:24

智能GUI Agent是什么，有什么应用领域

智能GUI Agent是什么研究背景与目的：GUI长期主导人机交互，LLM特别是多模态模型的出现，为GUI自动化带来变革，催生了基于LLM的GUI智能体。这些智能体可理解自然语言指令，处理复杂GUI元素并执行操作，改变了用户与软件交互方式。论文旨在梳理该领域发展脉络，剖析关键要素，…...

编程日记 2025/5/12 12:57:19

响应式系统（Reactivity System）

1.1 基于 Proxy 的响应式代理

响应式代理的实现代码

代码详细解释

相比 Object.defineProperty 的优势

1.2 依赖管理机制

三层依赖管理体系的结构

依赖管理的代码实现

代码详细解释

1.3 副作用调度

异步更新队列的实现代码

代码详细解释

相关文章：

相比 `Object.defineProperty` 的优势