重绘

Canvas 是 HTML5 的绘图区域，需用 JavaScript 获取 2D 上下文（ctx）后绘图；核心步骤是获取 canvas 元素并调用 getContext(‘2d’)；支持矩形、路径、文字等绘制及 requestAnimationFrame 动画。 Canvas…

JavaScript操作Canvas需先获取元素及2D上下文，再设样式、绘图（分路径定义与填充/描边）、清空重绘；须注意beginPath()、width/height设置及requestAnimationFrame动画。 要用 JavaScript 操作画布（），核心是获取 Canvas 元素的 …

非受控组件指表单元素值由DOM自身管理，不通过value/onChange交由React控制；用useRef创建ref绑定元素，以defaultValue/defaultChecked设初始值，通过ref.current.value读写值，适用于文件上传、需调用原生方法等场景。 非受控组件在 Rea…

虚拟 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）保持同步：添加、完成、删除任务时，既要更新内部数组，又要实时反映在页面上。关键不…

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

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

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