2025年2月9日
vue3 watch getter执行时机
摘要： 在 Vue 3 的响应式系统中，watch 的 getter 函数执行时机与触发机制是高度优化后的设计。以下从源码层级深度解析其运作原理（基于 Vue 3.4.27 版本），通过流程图和关键源码片段说明整个过程。 一、执行时机的两个阶段 1. 初始化阶段 源码入口: packages/runtime 阅读全文
posted @ 2025-02-09 14:36 木燃不歇 阅读(134) 评论(0) 推荐(0)
关于vue3 watch 第一个参数源码内部的处理方式
摘要： 以下是 Vue 3 watch 第一个参数的一切形式和最终转换形态的完整解析： 核心结论 在 Vue 3 中，watch 第一个参数的所有形式最终都会被统一转换成： 一个 getter 函数（当侦听单个来源时） 由 getter 函数组成的数组（当侦听多个来源时） 这是通过 Vue 源码中的 doW 阅读全文
posted @ 2025-02-09 13:58 木燃不歇 阅读(70) 评论(0) 推荐(0)
2025年2月8日
301/302的使用场景
摘要： HTTP 的 302（临时重定向）和 301（永久重定向）是常见的重定向状态码，其核心区别在于浏览器和搜索引擎对跳转行为的处理策略。以下是具体说明和典型应用场景： HTTP 301 永久重定向 作用： 资源已永久迁移到新 URL，搜索引擎会将原 URL 的权重、排名等 SEO 属性转移到新 URL， 阅读全文
posted @ 2025-02-08 21:07 木燃不歇 阅读(156) 评论(0) 推荐(0)
浏览器消息循环
摘要： 浏览器事件循环的完整与准确叙述（依据 W3C/WHATWG 规范） 一、核心机制 JavaScript 的 单线程模型 通过 事件循环（Event Loop） 管理异步操作，其设计核心如下： 非阻塞执行：允许主线程在等待 I/O、定时器等操作时继续处理其他任务。 优先级调度：任务（Task） 与 微 阅读全文
posted @ 2025-02-08 16:46 木燃不歇 阅读(74) 评论(0) 推荐(0)
手动实现扁平化数组、深拷贝
摘要： 以下是手写数组扁平化和深拷贝的实现方案： 一、手写数组扁平化（支持深度控制） // 方法一：递归实现（默认无限深度） function flattenDeep(arr) { return arr.reduce((acc, item) => { return acc.concat(Array.isAr 阅读全文
posted @ 2025-02-08 16:08 木燃不歇 阅读(42) 评论(0) 推荐(0)
JS常用数组方法
摘要： JavaScript 的数组方法非常强大，掌握它们能让你的开发效率事半功倍。以下是常用的数组方法总结，分为 修改原数组/返回新数组、遍历/查找、ES6+新增方法 等分类： 一、会修改原数组的方法 方法 作用 示例 返回值 push 在数组末尾添加元素 arr.push(5) 新数组长度 pop 删除 阅读全文
posted @ 2025-02-08 15:59 木燃不歇 阅读(123) 评论(0) 推荐(0)
vue3 存储依赖的数据结构
摘要： WeakMap 和 Map 详解 1. Map 定义： Map 是一种键值对的集合，允许使用任意类型的值（对象、原始类型）作为键，保持插入顺序，支持遍历和大小查询。 核心特性： 键的多样性：键可以是任意数据类型（包括对象、函数等），通过严格相等比较（ ）来匹配。 顺序性：插入顺序被保留，迭代时按插入 阅读全文
posted @ 2025-02-08 11:22 木燃不歇 阅读(145) 评论(0) 推荐(0)
2025年2月7日
BOM/DOM/JavaScript之间的关系
摘要： BOM（Browser Object Model）和 DOM（Document Object Model）不是 JavaScript 语言自身的标准，但它们是在浏览器环境中实现的标准，由浏览器厂商提供支持。以下是两者的归属分析： 1. DOM（文档对象模型）：浏览器遵循的 Web 标准 标准化机构： 阅读全文
posted @ 2025-02-07 08:57 木燃不歇 阅读(60) 评论(0) 推荐(0)
JS 的继承方式与使用场景
摘要： 在 JavaScript 中，继承的实现方式主要有以下几种，每种方式适用于不同的场景： 一、原型链继承 实现方式： function Parent() { this.name = 'Parent'; } Parent.prototype.say = function() { return this. 阅读全文
posted @ 2025-02-07 08:36 木燃不歇 阅读(86) 评论(0) 推荐(0)
vue 3 effect作用与原理
摘要： Vue 3 的 Effect（副作用） 是整个响应式系统的核心机制，负责管理依赖追踪和响应式触发。理解其作用和原理对掌握 Vue 的底层机制至关重要。 一、核心作用 1. 依赖追踪（Dependency Tracking） 自动跟踪响应式数据在副作用函数中的使用。 示例代码：import { rea 阅读全文
posted @ 2025-02-07 08:25 木燃不歇 阅读(630) 评论(0) 推荐(0)