splice 基本语法 代码 为什么用 splice 而不用下标赋值？ 对比总结 结合《033_更新时的一个问题》，this.persons.splice(0,1,{...}) 是 JavaScript 原生数组方法 Array.prototype.splice() ，Vue 只是在此基础上做了”响应式包装”。 splice 基本语...

自定义 Header + CORS 简介 什么是自定义 Header 标准 Header vs 自定义 Header 常见自定义 Header 场景 自定义 Header 与 CORS 的关系 简单请求 vs 预检请求 完整流程示例 前端发送带自定义 Header 的请求 浏览器自动发送的预检请求 服务器需要返回的响应头 服务器配置示例 ...

1. 基本概念 2. 在 Vue 中的用法 3. 文档中提到的关键点（第 21 行注释） 4. 与 keyup 的区别 5. 常用场景 keydown 指的是 键盘按键被按下时触发的事件 。 1. 基本概念 keydown 是 JavaScript 原生键盘事件之一，当用户按下键盘上的任意键（包括功能键如 Ctrl、Shift 等）时立...

XSS攻击 是什么？ 攻击原理 三种主要类型 1. 反射型 XSS（非持久型） 2. 存储型 XSS（持久型） 3. DOM 型 XSS 攻击者能做什么 防御措施 1. 输入过滤 2. 输出编码 3. Content Security Policy（CSP） 4. HttpOnly Cookie 5. 使用框架自带防护 Vue 中的...

两种分隔符都合法 完整的标准格式 实际开发中哪种多？ 在《029_列表渲染》文中提到: v-for ="(item, index) of xxx" 其中关于 of 分隔符 ，在网上也见到用 in 的，所以下面说说。 两种分隔符都合法 Vue 的 v-for 支持两种分隔符： <!-- ✅ 使用 in（更常见，类 JS for.....

基本用法 Object.keys() 是 JavaScript 的原生静态方法，属于 ES5 标准，所有现代浏览器和 Node.js 都支持。 基本用法 const obj = { name : '尚硅谷' , address : '北京' , age : 18 } const keys = Object .keys(obj) cons...

babel.config.js 是 Babel 配置文件 ，用于定义 JavaScript 代码转换规则。它的主要作用包括： 语法转换 将 ES6+（如箭头函数、解构赋值、async/await）等现代 JS 语法转换为向后兼容的版本，确保在旧版浏览器或 Node.js 环境中正常运行。 Polyfill 补丁 配合 @babel/preset-...

核心定位 主要特点 常见功能分类（举例） 基础使用方式 官方文档 @vueuse/core 是 Vue 生态中基于 Composition API 的实用工具函数集合 ，可以理解为 “Vue 专属的响应式 Lodash” ，由 Vue 核心团队成员维护。 核心定位 它把前端开发中高频使用的浏览器 API、DOM 操作、状态管理、传感器监听...

@vueuse/head 主要功能 常用示例 1. 设置页面标题 2. 设置 Meta 标签 3. 动态标题（使用 computed） 4. 添加外部脚本和样式 优势 注意事项 你遇到的问题 现状与迁移提醒（重要） @vueuse/head VueUse 是一个基于 Vue Composition API 的开源实用工具函数...

基本概念 event 对象的三个核心属性 在 SW 中的应用 常见使用场景 1. 父子 窗口通信 2. 弹出 窗口通信 3. 浏览器扩展通信 安全注意事项 与 SW 的其他触发方式对比 message 是浏览器跨文档/跨窗口消息通信 的原生事件。 基本概念 // 发送消息 targetWindow.postMessage(dat...