-
回溯陷阱由正则表达式引擎在处理嵌套量词或模糊匹配时尝试过多路径导致，典型如(a+)+匹配失败时穷举分组组合，引发性能崩溃。
-
order是Flex布局中唯一能不改变DOM结构而调整子项视觉顺序的属性，数值越小越靠前，相同值则保持DOM顺序，需配合flex容器及避免脱离文档流。
-
需用<pre><code>嵌套保留格式并转义字符，再通过Prism.js或highlight.js引入样式与脚本实现语法高亮，或用纯CSS手动包裹关键词模拟高亮。
-
答案：通过隐藏原生复选框和单选按钮，使用CSS伪元素绘制自定义样式，结合:checked、hover和focus状态提升视觉一致性与交互体验，实现现代美观且可访问的表单控件。
-
hosts文件是Windows系统中用于域名映射的无扩展名文件，位于C:\Windows\System32\drivers\etc\目录，通过管理员权限编辑可将自定义域名如mywebsite.local指向127.0.0.1，实现本地网站测试；需配合HTTP服务（如Python启动的本地服务器）在指定端口运行，确保CSS等资源正常加载，最终在浏览器通过http://mywebsite.local:8000访问验证，完成前端调试环境模拟。
-
首先确保JavaScript代码位置正确，推荐将script标签置于body末尾或使用defer属性；其次检查语法错误并确保外部文件路径正确；再通过事件监听或DOMContentLoaded确保DOM加载完成后再执行操作。
-
闭包是函数记住其创建时的词法环境，关键在于内层函数是否引用并持续访问外层变量。典型误区包括误认所有嵌套函数都是闭包、混淆闭包与语法关键字、等同闭包与内存泄漏；for循环中var声明的i在setTimeout输出5，源于函数作用域共享与变量提升；let、IIFE或setTimeout传参可解决；闭包会阻止垃圾回收被引用的变量，需及时移除监听器、避免过度捕获、必要时手动置null；ChromeDevTools的Scope面板中Closure分组可查看实际捕获的变量。
-
SVG替代Canvas动画可显著减小体积，因其为可gzip高效压缩的矢量文本，且缩放无损；实操建议优先用SVG+CSS或WebAnimationsAPI实现图标、转场等动效，并避免内嵌未压缩Base64图片。
-
应优先用box-shadow替代outline实现聚焦高亮，配合focus-visible区分交互方式，并确保viewport正确以解决iOSSafari兼容问题。
-
JavaScript中不存在真正的“构造函数”类型，所谓构造函数只是被new调用的普通函数；new执行四步：创建空对象、设置原型链、绑定this并执行函数、按规则返回对象。
-
document.createElement()创建未挂载的DOM节点，需配合appendChild()等方法插入；注意标签名合法、不自动挂载、优先用textContent防XSS；insertBefore()的参考节点为子节点而非索引；推荐firstElementChild替代firstChild避免文本节点干扰。
-
直接存中文会乱码，因sessionStorage只认UTF-8字节流而JS字符串为UTF-16，需用encodeURIComponent(JSON.stringify(value))存、decodeURIComponent()配合JSON.parse()读取。
-
animation和transition可在同一元素共存：animation用于自动循环的关键帧动画，如浮动；transition用于响应用户交互的属性过渡，如hover缩放。二者分工明确，避免同时修改同一属性以防止冲突，合理搭配可提升交互丰富性与流畅度。
-
可在网页中通过JSZip、zip.js等JavaScript库结合FileAPI实现ZIP压缩包的浏览器端解压与预览，支持文本/图片预览、单文件下载、大文件流式处理、WebAssembly加速及安全路径校验。
-
HTML元素高度需通过子元素或CSS控制；height:100%生效前提为父容器有明确高度；推荐用min-height:100vh确保占满视口；Flex布局中子元素需align-items:stretch或flex:1才能拉伸；表格单元格高度需table-layout:fixed配合设置。
