随笔分类 -  前端

上一页 1 2
vue3 reactive
摘要：Vue 3 的 reactive 通过 Proxy API 实现响应式，其核心思路比 Vue2 的 Object.defineProperty 更高效且功能更全面。以下是实现思路的详细拆解： 1. 代理对象（Proxy） 利用 Proxy 代理目标对象，拦截 13 种操作（如 get/set/del 阅读全文
posted @ 2025-02-06 13:03 木燃不歇 阅读(253) 评论(0) 推荐(0)
vue响应式原理
摘要：Vue 的响应式原理是其核心机制之一，主要通过数据劫持结合发布-订阅模式来实现。以下是关键实现步骤和原理的详细说明： 核心实现步骤（Vue2版本） 数据劫持 使用 Object.defineProperty() 递归地监听对象的属性（仅对已有属性生效）。 对数组需单独处理：通过重写数组的 7 个可修 阅读全文
posted @ 2025-02-06 11:01 木燃不歇 阅读(115) 评论(0) 推荐(0)
ES新特性
摘要：以下是 ES5（2009年）之后各个版本（ES6/ES2015 到 ES2023）的核心特性总结，按分类和版本组织，帮助快速掌握现代 JavaScript 的核心能力： 📌 ES6/ES2015（重大更新） 变量声明 let/const：块级作用域，解决 var 的变量提升问题。 箭头函数 () 阅读全文
posted @ 2025-02-06 10:35 木燃不歇 阅读(80) 评论(0) 推荐(0)
HTTP和HTTPS的区别和作用
摘要：HTTP和HTTPS的区别和作用： 一、核心区别（分点清晰） 协议安全性 HTTP：明文传输，数据无加密，易被窃听（如登录密码、用户隐私泄露）。 HTTPS：HTTP + TLS/SSL加密层，数据在传输前加密（使用对称加密传输数据 + 非对称加密交换密钥），防止中间人攻击。 默认端口 HTTP默认 阅读全文
posted @ 2025-02-06 10:10 木燃不歇 阅读(183) 评论(0) 推荐(0)
CSP
摘要：针对 Content-Security-Policy: default-src 'self' https://trusted-cdn.com; 的解释: 这是一个用于增强网页安全性的 Content Security Policy (CSP) 头部设置。它的具体含义和作用如下： default-sr 阅读全文
posted @ 2025-02-06 09:41 木燃不歇 阅读(30) 评论(0) 推荐(0)
HSTS
摘要：这个 HTTP 头部用于强制浏览器只通过 HTTPS 连接，是具有里程碑意义的安全策略配置。以下是对各部分的详细拆解： 核心作用 HSTS（HTTP Strict Transport Security） 通过将网站标记为「仅限 HTTPS」来阻止浏览器使用 HTTP 协议连接，可防御以下攻击： SS 阅读全文
posted @ 2025-02-06 09:37 木燃不歇 阅读(182) 评论(0) 推荐(0)
关于js中的定时器
摘要：在浏览器中，定时器回调函数的处理可以按照以下步骤来理解： 主线程与定时器线程的协作： 主线程（JavaScript执行线程）： 所有JavaScript代码的执行（包括回调函数）都在主线程上进行，确保单线程的特性。 定时器线程： 由浏览器维护的单独线程，负责追踪定时器的计时。例如，调用 setTim 阅读全文
posted @ 2025-02-05 22:46 木燃不歇 阅读(31) 评论(0) 推荐(0)

上一页 1 2