-
020_计算属性_简写
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 姓名案例_计算属性实现</title > <!-- 引入Vue --> <script type ="text/ja... -
033_更新时的一个问题
源码 问题的引出 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 更新时的一个问题</title > <script type ="text/javascript" src ="../... -
017_事件总结
事件的修饰符可以连写 系统修饰按键可以组合使用 事件的修饰符可以连写 例如：之前实例中的.stop 和 .prevent ，可以像下图一样连写: 这样既阻止 a 弹窗，又可以阻止跳转到指定href链接。 系统修饰按键可以组合使用 例如： ctrl+y 才会触发 showInfo() <div id="root" > <h2 > 欢... -
keydown
1. 基本概念 2. 在 Vue 中的用法 3. 文档中提到的关键点（第 21 行注释） 4. 与 keyup 的区别 5. 常用场景 keydown 指的是 键盘按键被按下时触发的事件 。 1. 基本概念 keydown 是 JavaScript 原生键盘事件之一，当用户按下键盘上的任意键（包括功能键如 Ctrl、Shift 等）时立... -
localStorage/sessionStorage 简介
localStorage / sessionStorage 简介 共同特点 核心区别 基本操作 应用场景 localStorage 适合 sessionStorage 适合 安全性注意事项 与 Cookie 的对比 监听存储变化 浏览器查看方式 小结 localStorage / sessionStorage 简介 localS... -
Getter 和 Setter
一、定义 二、来源 三、两种写法 写法1：对象字面量语法 写法2：Object.defineProperty（Vue2 采用的方式） 四、与普通数据属性的区别 五、Vue 中的应用 六、注意事项 七、一句话总结 Getter / Setter 基础知识 一、定义 Getter 和 Setter 是 JavaScript 中访问器... -
Babel 简介
Babel 的主要功能 Babel 的工作原理简图 常见使用场景 一句话总结 Babel 是一个广泛使用的 JavaScript 编译器 ，主要用于将采用最新标准（ES6+）编写的 JavaScript 代码，转换成当前或老旧浏览器、Node.js 环境能够理解和执行的向后兼容版本。 你可以把它理解为一种“语法翻译工具”。它的核心工作流程是：解... -
JWT + HTTP Only Cookie 简介
JWT + HttpOnly Cookie 简介 什么是 JWT ？ JWT 结构 传统 JWT 存放方式的问题 方式1：localStorage / sessionStorage 方式2：普通 Cookie JWT + HttpOnly Cookie 方案 工作原理 流程图 代码实现示例 后端（Node.js + Express） 前... -
自定义Header + CORS 简介
自定义 Header + CORS 简介 什么是自定义 Header 标准 Header vs 自定义 Header 常见自定义 Header 场景 自定义 Header 与 CORS 的关系 简单请求 vs 预检请求 完整流程示例 前端发送带自定义 Header 的请求 浏览器自动发送的预检请求 服务器需要返回的响应头 服务器配置示例 ... -
splice 理解
splice 基本语法 代码 为什么用 splice 而不用下标赋值？ 对比总结 结合《033_更新时的一个问题》，this.persons.splice(0,1,{...}) 是 JavaScript 原生数组方法 Array.prototype.splice() ，Vue 只是在此基础上做了”响应式包装”。 splice 基本语...