重绘

虚拟 DOM 是用 JS 对象描述真实 DOM 的轻量级抽象，核心流程为生成→diff 比较→批量更新，通过避免频繁 DOM 操作、聚合变更、JS 快速比对提升性能。 JavaScript 实现虚拟 DOM 的核心，是用普通 JS 对象来描述真实 DOM 的结构和属性，再通过高效的 diff 算法比…

JavaScript性能优化本质是提升执行速度、节省内存、增强响应性，核心在于减少主线程阻塞、降低重复开销、防止内存泄漏；具体包括缓存不变量、用for替代高阶函数、批量DOM操作、事件委托、及时清理引用、合理使用闭包、防抖节流、Web Worker及Promise.all并行请求。 JavaScri…

requestAnimationFrame（rAF）不是必须，而是为匹配屏幕刷新节奏、避免丢帧、节省资源；它自动对齐刷新率、页面不可见时暂停、比定时器更精准节能，并保证回调在渲染前执行。 JavaScript动画用 requestAnimationFrame（简称 rAF）不是“必须”，而是为了**…

待办事项列表的核心是状态与UI同步：状态统一存于todos数组，增删改操作均返回新数组，render函数负责重绘UI，事件委托处理动态元素。 用 JavaScript 实现待办事项列表，核心是让数据（状态）和界面（UI）保持同步：添加、完成、删除任务时，既要更新内部数组，又要实时反映在页面上。关键不…

JavaScript原生无生命周期钩子，这是Vue、React等框架为组件设计的机制；Vue按创建、挂载、更新、卸载四阶段提供对应钩子，React类组件有明确生命周期方法，函数组件则通过useEffect模拟，其核心价值在于精准控制执行时机以避免DOM操作错误和内存泄漏。 JavaScript 本身…

JavaScript事件循环通过宏任务和微任务队列实现分时调度，每次迭代执行一个宏任务后清空全部微任务，确保Promise回调总比setTimeout早执行。 JavaScript事件循环是JS运行时处理异步操作的核心机制，它让单线程的JS能高效响应用户交互、网络请求和定时任务，而不会被阻塞。关键不…

虚拟 DOM 是用普通 JavaScript 对象描述真实 DOM 的树形结构，通过 createElement 创建节点、render 渲染、diff+patch 更新；其核心价值在于提升开发体验、跨平台能力与可控性能优化，而非绝对高性能。 JavaScript 实现虚拟 DOM 的核心，是用普通…

React 是一个由 Facebook 开发的 JavaScript 库，用于构建动态、可复用的 UI 组件；其核心是组件化、虚拟 DOM 和数据驱动视图，专注高效、可维护地渲染用户界面。 React 是一个由 Facebook 开发的 JavaScript 库，专门用来构建用户界面，尤其是单页应用…

虚拟列表是只渲染可视区域及缓冲区节点、用空白占位其余项的技术，用于解决大数据量列表的卡顿、高内存和滚动不流畅问题；通过计算滚动位置下的起始/结束索引截取数据，并用 translateY 偏移整体列表实现视觉对齐。 什么是虚拟列表，为什么需要它 当列表数据量很大（比如上万条），直接渲染所有 DOM 节…

JavaScript操作DOM的核心是先找元素再操作，优先用querySelector/All，ID/标签/类名有专用方法，注意活集合陷阱，内容用textContent/innerHTML，类名用classList，属性用dataset，插入用append/before/remove，批量操作防重排…