-
DOM元素具象化
1. DOM 树形结构图 2. 节点类型层次结构 3. 具体 HTML 对应的 DOM 结构 4. 节点关系图谱 5. 节点属性结构 6. 节点遍历方法图示 关键概念总结 以下是 DOM 元素结构化关系的图示表示： 1. DOM 树形结构图 /* */ #mermaidChart1 .node>rect { ; } ... -
prototype 和 __proto__
1. 根本原因：JavaScript 语言设计 2. 三者的本质区别 3. 内存结构可视化 4. 具体代码验证 5. 设计哲学解析 为什么函数有 prototype？ 为什么实例没有 prototype？ 6. 完整的原型链验证 7. 实际内存布局 8. 与 ES6 class 的对比 9. 总结回答 prot... -
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监测数据是否被修改的探讨 ... -
074_TodoList案例_删除
重要源码 App.vue MyList.vue MyItem.vue 重要源码 App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > ... -
070_TodoList案例_静态
源码 App.vue MyFooter.vue MyHeader.vue MyItem.vue MyList.vue 本节教程所用的静态文件详见附件。 源码 | App.vue | main.js | \---components MyFooter.vue MyHeader.vue ... -
079_TodoList_本地存储
源码 App.vue 源码 App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > <!-- 父组件App.vue ... -
075_TodoList案例_底部统计
App.vue MyFooter.vue App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > <!-- 父组件App... -
076_TodoList案例_底部交互
功能 重要源码 App.vue MyFooter.vue 功能 左侧单选某项，如果都勾选上时，下方的“已完成”自动勾选，否则取消“已完成”。 实现“清除已完成任务”按钮任务。 重要源码 App.vue <template > <div id ="root" > <div class ="todo-co... -
089_TodoList案例_编辑
笔记 错误提示: 重要源码 App.vue components\MyHeader.vue components\MyItem.vue 笔记 错误提示: Do not access Object.prototype method 'hasOwnProperty' from target object no -prototy...