-
clearStorageAPI不清除localStorage是因为chrome.storage.local与localStorage互不隶属；需用localStorage.clear()或chrome.scripting.executeScript注入执行，且browsingData.remove在Chrome94+已移除localStorage类型支持。
-
精简Polyfill体积的关键是按需、精准、可裁剪：基于浏览器能力检测只引入必需补丁，优先用原生fallback或轻量方案，结合构建时条件注入与动态加载，并通过debug和tree-shaking验证实际产物。
-
用Flex实现遮罩层+居中弹窗的核心是：遮罩层设position:fixed+display:flex+justify-content/align-items:center实现全屏覆盖与居中，弹窗无需绝对定位即可被父容器居中，配合背景、圆角、阴影提升视觉效果。
-
CheckboxHack能触发Grid变换，是因为:checked状态变更会触发浏览器样式重计算，从而重新应用包括grid-template-areas在内的布局声明；但必须为每种模式写死完整grid-template-areas字符串，不支持变量拼接。
-
<main>标签是文档中唯一代表核心内容的语义化容器，必须且只能出现一次，不可嵌套于<article>等元素内，错误使用会损害可访问性与SEO。
-
JavaScript用URL和URLSearchParams接口安全解析、构造URL：URL解析结构化信息，URLSearchParams操作查询参数并自动编码，IE需polyfill。
-
WeakRef无法直接包裹WebGLTexture，因其是宿主对象且不受JSGC管理；可行方案是用WeakRef持有HTMLImageElement或轻量元数据对象，并通过FinalizationRegistry在对象销毁时调用gl.deleteTexture()，且须先校验gl.isTexture()。
-
Tailwind的boxShadow配置只接受对象映射而非数组，因JIT引擎仅识别key-value结构，每个value必须是含逗号分隔的合法box-shadow字符串；传入数组会导致静默忽略或构建失败。
-
justify-self用于Grid布局中控制子元素在行内轴（横轴）的对齐，如center、start等；align-self在Grid和Flexbox中均有效，控制块轴（纵轴）对齐，如center、flex-start。前者仅适用于Grid，后者通用，优先级高于父容器设置。
-
replaceAll在现代环境（Chrome85+/Firefox78+/Safari13.1+/Node.js15.0+）原生支持，专用于全局字面量替换，不接受带g标志的正则，纯字符串匹配不转义元字符，简单替换更安全高效，复杂逻辑仍需replace。
-
SpeechSynthesis实现点击朗读需先监听onvoiceschanged或轮询getVoices()确保音色就绪，每次新建Utterance并调用cancel()避免堆积，且必须由用户手势同步触发speak()；移动端兼容性差，fallback应优先考虑视觉模拟而非音频。
-
纯@media(prefers-color-scheme:dark)会闪屏因变量未定义或覆盖错序，必须配合:root默认变量、data-theme属性、localStorage及change事件监听才能真正可用。
-
原型委托是以“共享+按需派生”为核心的轻量级复用机制，通过原型链实现只读共享、就近覆盖、延迟初始化、按需克隆及避免闭包堆分配。
-
百度地图JSAPI仅支持bd09ll坐标系，WGS84或GCJ02坐标直接使用会导致500–700米偏移；必须通过百度官方接口转换，且需确保地图容器尺寸正确、高精度定位启用、错误处理完备。
-
圣杯布局必须用padding+float+relative三件套，因其需满足中间栏优先渲染且视觉居中、两侧栏固定宽度而中间自适应的核心约束；双飞翼则通过多一层main-inner嵌套用margin替代relative定位，但对HTML结构侵入更强。
