-
map()
Array.map() 简明指南 🎯 🔍 基本作用 🚀 基本用法 1. 简单转换 2. 对象数组转换 📝 参数详解 完整参数使用 🎯 实际应用场景 1. 数据格式化 2. DOM 操作 3. API 数据处理 ⚡ 与 for 循环对比 传统 for 循环 map() 方法（更简洁） 🎯 重要特性 1.... -
stringify()
📋 介绍 ★ 🎯 核心作用 ★★ 📝 基本语法 ★ 💡 经典示例 ★ 🔧 实际应用场景 1. 发送 AJAX 请求 2. 本地存储 3. 深拷贝简单对象 ⚡ 主要特点 优点 注意事项 🔄 参数详解 1. 替换函数 2. 缩进空格 📈 常见陷阱 1. 循环引用 2. 日期处理 3. BigIn... -
keyof
🎯 核心作用 💡 基本用法 🔧 实际示例 1. 获取对象所有键 2. 动态访问对象属性 🔄 编译时 vs 运行时 TypeScript 源码 编译为 JavaScript 🆚 与 JavaScript 的 Object.keys 对比 对比示例 💡 高级用法 1. 与泛型结合 2. 映射类型 3. 条件类型 ... -
Omit
🎯 核心作用 📝 基本语法 💡 简单示例 📊 Omit 与 Pick 对比 对比示例 💡 高级用法 1. 多层 Omit 2. Omit + Partial 3. 条件排除 ⚡ Omit 的实现原理 TypeScript 内部实现 手动实现理解 🎯 与 Pick 的选择建议 💡 一句话总结 📋 在 Thing... -
054_非单文件组件
笔记 源码 笔记 组件的两种编写形式： 非单文件组件一个文件 中包含有n个组件 。 单文件组件一个文件 中只包含有1个组件 。 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 基本使用</... -
Partial
📋 介绍 ★ 🎯 核心作用 ★★ 📝 基本语法 ★ 💡 经典示例 ★ 🔧 实际应用场景 1. 更新数据 2. 表单数据 3. 默认配置 ⚡ 主要特点 优点 注意事项 🔄 与 Required 对比 📈 性能考虑 🎓 记住这几点 📋 总结 📋 介绍 ★ Partial 是 TypeSc... -
async/await
async/await 简要介绍 📋 一句话概括 🎯 核心作用 📝 基本语法 🔧 三个关键点 1. async 函数 2. await 表达式 3. 错误处理 💡 经典示例对比 回调地狱 → Promise → async/await ⚡ 主要特点 优点 注意事项 🔄 实际用例 📈 性能优化 🎓 记住这... -
Object.assign
📋 介绍 ★ 🎯 核心作用 ★ 📝 基本语法 ★ 💡 经典示例 ★★ 🔧 实际应用场景 1. 合并对象 2. 浅拷贝对象 3. 添加属性 ⚡ 主要特点 优点 注意事项 🔄 与展开运算符对比 📈 实际应用 1. 表单数据合并 2. 配置合并 3. 添加方法 💡 浅拷贝问题 🎓 记住这几点 ... -
Object.defineProperty
🎯 基本含义 🔍 详细解释 1. 允许删除属性 2. 允许修改属性描述符 3. 与 configurable: false 对比 🎯 属性描述符的完整选项 🔧 实际应用场景 场景1：创建可删除的常量属性 场景2：插件系统的配置属性 场景3：响应式数据绑定 ⚠️ 重要注意事项 1. 默认值 2. 一次性操作 ... -
window.Proxy
🎯 基本概念 🚀 基本语法 🔧 核心拦截器（陷阱） 1. 基本操作拦截 2. 存在性检查拦截 🎯 实际应用场景 1. 数据验证 2. 默认值和计算属性 3. 观察者模式（数据绑定） 4. 数组操作拦截 🔧 高级用法 1. 函数代理 2. 链式操作代理 🎯 Vue 3 的响应式系统 Vue 3 使用 Pr...