-
prototype 和 __proto__
1. 根本原因：JavaScript 语言设计 2. 三者的本质区别 3. 内存结构可视化 4. 具体代码验证 5. 设计哲学解析 为什么函数有 prototype？ 为什么实例没有 prototype？ 6. 完整的原型链验证 7. 实际内存布局 8. 与 ES6 class 的对比 9. 总结回答 prot... -
js .filter() 简介
1. 基本语法 2. 核心特性 (1) 不改变原数组 (2) 回调函数返回布尔值 (3) 自动跳过空位 3. 简单示例 基础用法 字符串数组过滤 4. 实用场景示例 (1) 对象数组过滤 (2) 删除特定值 (3) 搜索过滤 5. Vue 中的使用示例 6. 注意事项 (1) 性能考虑 (2) 稀疏... -
035_Vue.set()方法
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > Vue监测数据改变的原理</title > <!-- 引入Vue --> <script type ="text/j... -
063_render函数
模板解析器 *.vue main.js 小结 两种模块化 Vue.js的两个组成部分： 核心例如：生命周期、处理事件等 模板解析器该解析器的体积占了 vue.js 的大约 1/3。开发的时候，它会帮我们解析模板。当最终发布的时候，会编译为.html .css .js ，那么此时就不需要该解析器了。 所有的 运行时 vue.runti... -
js .reduce() 简介
1. 基本语法 2. 最简单的例子：数组求和 3. 执行过程分解 4. 常见应用场景 (1) 数组 → 对象 (2) 数组 → 新数组 (3) 对象数组 → 最大值 5. 初始值的重要性 有初始值 无初始值（使用第一个元素作为初始值） 6. 在 Vue 中的实用示例 7. 与其他数组方法对比 总结 Arr... -
072_TodoList案例_添加
重要源码 App.vue components/MyHeader.vue components/MyList.vue components/MyItem.vue 上图橙色线( todoObj 操作 todos:[…])的方法: 全局实现总线 消息订阅与发布 VueX 但是至今，我们还没有学习上面的任何一种方法。最基础的方法：todos:[…... -
073_TodoList案例_勾选
笔记 逐层传递数据 Vue监测数据是否被修改的探讨 关于 props 重要源码 App.vue MyList.vue MyItem.vue 笔记 逐层传递数据 如果 App.vue 想给 孙子MyItem.vue传递组件，需要通过 MyList 传递，即 逐层传递。见下图: Vue监测数据是否被修改的探讨 ... -
018_姓名案例
源码 插值语法实现 源码 method方法实现 源码 插值语法实现 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 姓名案例_插值语法实现</title > <!-- 引入Vue --> ... -
074_TodoList案例_删除
重要源码 App.vue MyList.vue MyItem.vue 重要源码 App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > ... -
js =>箭头函数
1. 基本语法 ★ 2. 核心特性 (1) 更简洁的语法 (2) 隐式返回 (3) 不绑定 this（最重要特性） 3. 常见使用场景 (1) 数组方法回调 (2) Vue/React 事件处理 (3) Promise 链式调用 4. 与传统函数的区别 5. 注意事项 (1) 不适合用在 methods 中 ...