-
JavaScript操作XML主要用DOMParser解析字符串为XML文档对象，再用XMLSerializer转回字符串；需指定MIME类型、检查parsererror错误，支持命名空间和CDATA，现代浏览器兼容良好。
-
Promise.all存在三大缺陷：一失败全中断、无并发数限制、不可取消；应依场景选用Promise.allSettled、p-limit等并发控制方案。
-
尾调用优化在ES6中被规范引入，允许函数在尾位置调用自身或其它函数时重用栈帧，从而避免栈溢出，提升递归性能。
-
本文详解如何用Puppeteer稳健实现逐页翻页爬取，解决因URL哈希跳转、异步导航未完成导致的重复抓取、页面错乱等问题，并提供可直接运行的修复代码与最佳实践。
-
选择合适工具如Terser，编写模块化、扁平化代码，启用drop_console等高级选项，并将压缩整合进Webpack构建流程，结合tree-shaking与CDN优化，持续提升加载与运行效率。
-
sticky是position属性的合法值，用于滚动吸附定位；scroll不是定位值，而是overflow、scroll-behavior等滚动相关属性的关键词，二者语义层级不同，不可直接对比定位效果。
-
通过启用RemNote的CustomCSS功能，可为嵌套笔记添加层级高亮样式：进入设置→Appearance→开启EnableCustomCSS→编辑并粘贴CSS代码，利用不同背景色与边框颜色区分HTML结构层级（如蓝色表顶层、黄色表主干、红色表容器、灰色表深层嵌套），结合<html>标签命名与emoji图标提升可读性，实现可视化HTML结构笔记。
-
视频播放器响应式错位需用aspect-ratio或padding-top技巧锁定宽高比，移除HTML内联宽高，设width:100%;height:auto;display:block，清除浮动或改用Flex/Grid布局，并添加playsinline等属性适配移动端。
-
scroll-behavior:smooth;用于实现页面滚动的平滑动画效果，需应用在实际产生滚动的容器上（如html或body），并确保该容器设置了overflow属性；若未生效，可能因元素未真正滚动、CSS优先级冲突、JS强制跳转或浏览器兼容性问题；除CSS外，也可使用JavaScript方法如window.scrollTo()或element.scrollIntoView({behavior:'smooth'})实现更灵活控制；使用时应考虑无障碍需求，通过@media(prefers-reduced
-
本文教你零基础实现“点击按钮显示视频、再点关闭”的交互效果，使用Bootstrap5快速构建响应式模态框（Modal），无需手写复杂JS，兼容主流浏览器。
-
Flex布局IE10+部分支持、IE11基本完整，IE9及以下完全不支持；应采用渐进增强策略，以浮动或inline-block为基础布局，再为现代浏览器升级Flex，并用前缀、@supports或Modernizr实现兼容。
-
HTML5注释不会报错但会干扰解析逻辑，未闭合注释会导致后续代码被吞掉，引发页面空白、样式失效等问题；应检查注释配对、避免嵌套、禁用功能时优先用条件判断而非注释HTML。
-
使用百分比宽度可使盒子按父元素比例显示，.child设置width:50%时宽度为父容器300px的一半即150px，需注意padding和border会额外增加宽度，导致溢出；通过box-sizing:border-box可将内边距和边框包含在宽度内，确保尺寸准确；结合Flex布局时，设置display:flex与flex:1可让子元素平分父容器空间，适用于响应式设计。关键在于理解百分比基于父级宽度，并配合box-sizing和弹性布局实现精确控制。
-
答案：Babel通过解析、转换、生成三阶段将高版本JS转为低版本，其插件可操作AST实现代码转换；示例插件将console.log替换为debug.log，核心是定义visitor访问CallExpression节点并修改callee.object.name；插件支持参数配置与节点操作API，便于实现语法降级、API重定向等功能。
-
pointer-events是一个CSS属性，用于控制元素是否接收鼠标或触摸事件；设为none时事件穿透至下层，auto为默认值且正常响应事件。
