重绘

滚动监听需优化性能：用节流控制频率，IntersectionObserver替代手动计算，避免强制同步布局，按需启停监听器，并注意passive选项与内存泄漏。 滚动监听在 JavaScript 中很常用，但直接绑定 scroll 事件容易导致性能问题——它触发太频繁，可能每秒几十甚至上百次，造成卡…

JavaScript DOM操作核心是获取元素后动态修改内容与结构，常用方法包括getElementById、querySelector、querySelectorAll及父子元素遍历；修改用textContent、innerHTML、outerHTML；增删改用%ignore_a_1%endChi…

宏任务是事件循环中每次只执行一个的完整执行单元，由宿主环境发起，执行后清空微任务队列再取下一个；常见类型包括整体script、setTimeout、UI事件、渲染、postMessage、Node.js I/O等。 宏任务是 JavaScript 事件循环中“一次完整执行单元”，每次事件循环只取一个…

JavaScript组件化核心是封装可复用、独立状态与行为的UI单元，可通过Class、Custom Elements或函数式+虚拟DOM三种方式实现，关键在于作用域隔离、生命周期管理、配置传递与通信机制。 JavaScript 实现组件化，核心是封装可复用、独立状态和行为的 UI 单元。现代开发中…

Canvas API是JavaScript绘制2D图形的核心，需先获取2D上下文，再按路径→样式→渲染流程绘图，支持矩形、圆等图形及变换，但为位图且不自动重绘。 用 JavaScript 创建图形，核心是 Canvas API —— 它提供了一套在网页上绘制 2D 图形的底层接口。Canvas 本身…

JavaScript列表渲染需用key标识元素身份以保障高效更新，原生JS无key机制导致重绘丢失状态，React等框架要求唯一、稳定、可预测的key（如id）而非index，否则引发错误复用和性能问题。 JavaScript 实现列表渲染，核心是把数组数据映射为 DOM 元素（或 React/Vu…

事件循环协调调用栈、宏任务队列和微任务队列，确保异步非阻塞：每轮仅执行一个宏任务，但清空全部微任务；Promise.then属微任务，setTimeout属宏任务，故前者总先执行。 JavaScript 的事件循环（Event Loop）是它实现异步非阻塞行为的核心机制。它不负责执行代码，而是协调调…

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…