摘要: 1. 类结构定义 class ComputedRefImpl<T> { // 核心状态 private _value!: T // 缓存的计算结果 private _dirty = true // 脏值标志 public readonly effect: ReactiveEffect<T> // 是 阅读全文
posted @ 2025-02-06 15:04 木燃不歇 阅读(11) 评论(0) 推荐(0) 编辑
摘要: Vue 3 的 ref 主要用于包装基础类型(如 number/string)使其成为响应式对象,同时也能处理对象/数组(此时内部转为 reactive)。以下是其核心实现思路及关键代码逻辑: 核心设计目标 基础类型支持:通过对象包装让原始值具备响应式能力。 统一访问接口:用 .value 属性统一 阅读全文
posted @ 2025-02-06 13:42 木燃不歇 阅读(14) 评论(0) 推荐(0) 编辑
摘要: Vue 3 的 reactive 通过 Proxy API 实现响应式,其核心思路比 Vue2 的 Object.defineProperty 更高效且功能更全面。以下是实现思路的详细拆解: 1. 代理对象(Proxy) 利用 Proxy 代理目标对象,拦截 13 种操作(如 get/set/del 阅读全文
posted @ 2025-02-06 13:03 木燃不歇 阅读(8) 评论(0) 推荐(0) 编辑
摘要: Vue 的响应式原理是其核心机制之一,主要通过数据劫持结合发布-订阅模式来实现。以下是关键实现步骤和原理的详细说明: 核心实现步骤(Vue2版本) 数据劫持 使用 Object.defineProperty() 递归地监听对象的属性(仅对已有属性生效)。 对数组需单独处理:通过重写数组的 7 个可修 阅读全文
posted @ 2025-02-06 11:01 木燃不歇 阅读(9) 评论(0) 推荐(0) 编辑
摘要: 以下是 ES5(2009年)之后各个版本(ES6/ES2015 到 ES2023)的核心特性总结,按分类和版本组织,帮助快速掌握现代 JavaScript 的核心能力: 📌 ES6/ES2015(重大更新) 变量声明 let/const:块级作用域,解决 var 的变量提升问题。 箭头函数 () 阅读全文
posted @ 2025-02-06 10:35 木燃不歇 阅读(13) 评论(0) 推荐(0) 编辑
摘要: HTTP和HTTPS的区别和作用: 一、核心区别(分点清晰) 协议安全性 HTTP:明文传输,数据无加密,易被窃听(如登录密码、用户隐私泄露)。 HTTPS:HTTP + TLS/SSL加密层,数据在传输前加密(使用对称加密传输数据 + 非对称加密交换密钥),防止中间人攻击。 默认端口 HTTP默认 阅读全文
posted @ 2025-02-06 10:10 木燃不歇 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 针对 Content-Security-Policy: default-src 'self' https://trusted-cdn.com; 的解释: 这是一个用于增强网页安全性的 Content Security Policy (CSP) 头部设置。它的具体含义和作用如下: default-sr 阅读全文
posted @ 2025-02-06 09:41 木燃不歇 阅读(11) 评论(0) 推荐(0) 编辑
摘要: 这个 HTTP 头部用于强制浏览器只通过 HTTPS 连接,是具有里程碑意义的安全策略配置。以下是对各部分的详细拆解: 核心作用 HSTS(HTTP Strict Transport Security) 通过将网站标记为「仅限 HTTPS」来阻止浏览器使用 HTTP 协议连接,可防御以下攻击: SS 阅读全文
posted @ 2025-02-06 09:37 木燃不歇 阅读(17) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示