生活决策观察

Vue 常用语法速查：子组件调用父组件方法的几种方式、事件与属性传递、插槽用法、动态组件与异步组件，覆盖日常开发最高频的语法点。

Vue 开发常见问题排查：组件模板只能有一个根元素、数据更新视图不刷新、组件通信踩坑等实际开发中高频遇到的问题，每条给出成因与解决办法。

document 对象详解：作为文档根节点的多种获取方式、常用属性与元素查找方法，以及文档加载状态、cookie、写入等接口的行为说明。

DOM 事件种类速查：鼠标事件、键盘事件、表单事件、触摸事件、进度事件等各类事件的触发时机与所属接口，含 chrome 下右键滚轮不触发 click 这类实际差异。

Element 对象详解：从 EventTarget 到 Node 到 Element 再到 HTMLElement 的完整继承关系图，以及 Element 上属性操作、类名操作、尺寸位置相关接口的用法。

DOM 事件模型详解：EventTarget 接口的监听与触发、捕获与冒泡两个阶段的传播顺序、addEventListener 第三参数的含义，以及事件委托的实现与好处。

Node 接口详解：DOM 作为 JavaScript 操作网页接口的整体模型，Node 上的通用属性与方法，以及各类具体节点如何继承自它。

Element 类型详解：element → Node → EventTarget 的继承链与原型链关系，以及标签名、子节点、特性（attribute）访问的常用接口。

NodeList 与 HTMLCollection 详解：两者的来源、属性方法差异，以及「动态集合」意味着什么——为什么边遍历边删除元素会出现漏删，该怎么规避。

DOM 节点操作详解：为什么节点关系指针是只读的、必须通过 appendChild/insertBefore/removeChild/replaceChild 等方法改动树结构，以及各方法的返回值与边界行为。