-
快速排序的核心逻辑是分治+原地分区：每次选pivot将数组划分为小于、等于、大于三部分，用双指针原地交换实现O(logn)空间复杂度。
-
根本原因是未处理初始渲染时机、变量作用域和样式优先级三处硬伤：媒体查询异步导致闪屏；:root变量无法被媒体查询动态回写需重置并加fallback；第三方组件需用[data-theme="dark"]强制接管并提升选择器优先级。
-
JavaScript代码分割是借助Webpack、Vite等工具和import()动态导入，将大文件按需拆分为小chunk以优化加载。常见方式包括路由级分割、公共依赖提取（如splitChunks）、条件性功能加载，核心好处是提升首屏速度、缓存效率、内存占用及团队协作。
-
★和☆是最简星评方案，需UTF-8声明、CSS控色与大小，仅支持整数分，IE8/XP可能失效，JS动态生成宜用数字实体防编码问题。
-
<wbr>需在容器宽度不足且存在语义分隔点时才生效，必须配合max-width、white-space:normal和overflow-wrap:break-word等CSS，避免word-break:break-all；应插在URL、驼峰命名、邮箱等天然断点处，禁插单词或数字中间。
-
JavaScript国际化靠Intl对象统一处理本地化细节，而非手动条件判断；Intl.DateTimeFormat、NumberFormat、Collator分别管控日期格式、数字货币格式、多语言排序，需正确使用BCP47locale和options，并注意兼容性与性能优化。
-
pointer-events:none是子元素点击失效的首要原因，可能来自祖先元素继承；z-index无效因未定位；Flex拉伸导致热区错位；兄弟元素触发层叠上下文造成覆盖。
-
CSStransition仅对可计算、可插值属性生效，如opacity、transform、background-color等；display、height:auto、position:static等无效；需初始化显式值、正确声明transition位置，并优先使用transform和opacity以避免重排。
-
CanvasRenderingContext2D实现像素级绘制需四步：适配设备像素比、全量或脏矩形清除、确保资源加载完成、用requestAnimationFrame驱动动画，缺一不可。
-
Worker构造函数必须传入HTTP(S)协议的脚本URL，不支持直接传函数或内联字符串；其与主线程完全隔离，仅能通过postMessage通信且仅支持结构化克隆数据；不支持alert、localStorage、document等主线程API，需用importScripts同步加载第三方库；长期运行需手动terminate避免内存泄漏。
-
用dataset属性标记本地修改但未同步的DOM元素，需用JSON.stringify序列化原始值存入data-original，编辑时同步当前值到data-current并比对，配合localStorage存最小patch实现离线冲突识别。
-
必须用JS拆字计算位置并配合CSS动画实现可控环形文字：JS计算每个字符的圆周坐标与旋转角度，用transform:rotate()translate()rotate()校正朝向，CSS仅控制父容器整体匀速公转，resize时需重算布局。
-
SCSS嵌套报错主因是缩进不合法、层级过深、作用域错误及NodeSass迁移兼容问题；需统一空格缩进、控制嵌套≤4层、确保@use在顶部、替换@import为@use并验证语法。
-
DOM节点是JavaScript操作网页的核心，用于动态访问和修改页面内容、结构与样式。1.可通过innerText、innerHTML等属性操控文本与HTML内容；2.使用appendChild、removeChild等方法增删改页面元素；3.绑定事件监听器响应用户交互，如点击、输入等；4.利用style或classList动态调整元素外观，实现交互式视觉效果。DOM使静态页面变为动态应用，是前端开发的基础。
-
真正整齐的列表根本在于HTML结构合规：ul只允许li、ul、ol为子元素，非法嵌套会被浏览器自动修复导致DOM异常；应避免div/p等块级元素直接插入ul，li内可用行内元素或article分组，横向排列时需清除list-style并用伪元素自定义标记，嵌套列表须用原生结构配合ulul选择器缩进。
