-
Proxy更适合实现透明单例，因为它通过constructtrap拦截new操作，外置单例逻辑而不修改原类，保持调用方式为newMyClass()且instanceof有效。
-
旧版浏览器处理长字符串能力有限，易因缓冲区限制、解析器缺陷或JS引擎精度不足引发连接中断、截断、崩溃或静默失败；需从HTML属性值超长、URL过长、内联脚本/表单内容超限三类场景提前排查。
-
@scope...to的内部下界是样式生效的排除边界，即从to指定节点起（含自身及后代）不再匹配该作用域规则，形成“甜甜圈”效果；其生效需to选择器为scope内真实DOM后代且为简单选择器，Chrome125+支持，Firefox/Safari暂不支持。
-
词法作用域使异步回调保持变量一致性，靠的是记住定义时的位置而非值；函数创建时绑定外部变量，与调用时机无关；let每次迭代新建绑定，var共享同一变量；闭包携带引用而非拷贝，延长变量生命周期；常见陷阱包括this丢失、参数遮蔽和时序错误。
-
使用CSS伪类可设置链接不同状态颜色：a:link设未访问链接为蓝色，a:visited设已访问链接为紫色，按LVHA顺序书写a:link、a:visited、a:hover、a:active避免样式覆盖，提升用户体验。
-
不该。BEM修饰符应描述状态而非触发条件，如card--elevated表达悬停后的视觉变化，而非hover本身；需配合JS事件与CSS变量实现多态响应、主题适配及可访问性支持。
-
<address>标签默认斜体是浏览器UA样式决定的，非HTML规范强制；其语义仅限文档/文章作者联系信息，不可滥用；取消斜体用font-style:normal，需兼顾可访问性与语义正确性。
-
用<inputtype="text">配合<datalist>可实现颜色值下拉提示，需确保list属性与datalist的id一致，<option>的value填合法CSS颜色值，文本内容仅作显示参考。
-
SCSS变量仅在编译期生效，无法运行时切换；真正动态主题需结合data-theme属性与CSS自定义属性（如--color-primary），通过JS控制document.documentElement.setAttribute实现切换。
-
<p>直接改--percent变量即可更新进度条，但必须通过element.style.setProperty('--percent',65)在目标元素上设置，且CSS中需用width:calc(var(--percent)*1%)绑定，不可省略单位或误用var(--percent)%。</p>
-
HTML5Canvas文本绘制需调用2D上下文方法：一、fillText绘制实心文本，需设置font、fillStyle及坐标；二、strokeText绘制描边文本，需配置strokeStyle和lineWidth；三、textAlignment和textBaseline控制对齐与基线；四、measureText测量宽度以实现动态布局；五、手动分词+逐行fillText实现多行换行。
-
NavigationPreload的核心作用是让浏览器在ServiceWorker启动前并行发起主文档请求，消除首次导航延迟；需显式调用enable()启用，fetch事件中须用event.respondWith()和event.waitUntil(event.preloadResponse)正确消费。
-
正则表达式无法可靠解析嵌套HTML，但可按场景选用五种方案：一、匹配单闭合标签；二、非嵌套成对标签；三、提取属性值；四、处理注释与CDATA；五、.NET专属平衡组匹配单层嵌套。
-
viewport是屏幕适配的前提和起点；未设置时移动端浏览器按980px等桌面宽度渲染，导致缩放异常；必须在<head>中静态写入<metaname="viewport"content="width=device-width,initial-scale=1.0">，且置于所有CSS/JS前。
-
HTML函数工具运行所需硬件配置需查阅官方文档，具体步骤：一、访问其官网文档；二、用搜索功能查“hardwarerequirements”；三、查看Installation章节中的CPU、RAM等参数；四、检查GitHub仓库README或Issues；五、运行html-tool--help命令获取环境提示。
