-
Lighthouse评分与真实HTML性能感受不一致，因其基于静态分析和模拟加载判断，用HTML体积、内联资源、阻塞脚本等代理指标替代真实渲染速度；实际首屏体验更取决于TTFB、CDN缓存、服务端渲染效率及未标记async的脚本执行。
-
HTML无原生<footnote>标签，真脚注必须用<sup><ahref="#fn1">1</a></sup>与<pid="fn1">1.内容<ahref="#ref1">↩</a></p>锚点联动，配合CSScounters编号、:target高亮及语义化容器实现可跳转、可返回、无障碍、可打印的完整功能。
-
preventDefault可阻止链接跳转、表单提交等默认行为，需在事件处理函数首行调用并确保事件对象正确传递；不可靠的href="javascript:void(0)"应被JavaScript事件绑定替代；注意勿在异步中调用、勿混用returnfalse，且需兼顾可访问性与实际需求。
-
推荐使用navigator.clipboard.writeText()实现剪贴板复制，需安全上下文和用户手势触发；不支持时降级为document.execCommand('copy')，通过临时textarea操作。
-
应优先在自定义交互元素（如按钮、卡片、菜单项）中使用:focus-visible而非:focus，因其仅在键盘导航（Tab等）时激活，避免鼠标用户出现干扰性焦点框，兼顾可访问性与体验。
-
mounted钩子是初始化第三方库的黄金时机，此时$el已存在且已挂载；created和beforeMount因DOM未就绪而不可用；需注意销毁清理、异步加载及SSR兼容性，并推荐使用ref精准控制挂载元素。
-
WebAssembly加密模块必须导出纯函数接口以确保确定性，避免GC干扰和内存拷贝，正确管理密钥生命周期并实现WebCrypto兜底。
-
Brackets编辑器停更后可通过四步解决兼容性问题：一、启用Windows兼容模式并以管理员身份运行；二、禁用GPU加速渲染，修改brackets.json设hardwareAccelerated为false；三、替换适配架构的Node.js运行时组件；四、用便携Electron环境隔离启动。
-
富媒体摘要必须使用JSON-LD格式的<scripttype="application/ld+json">，且结构化数据需与页面可见内容严格一致；Article类型须含headline、datePublished、author等字段，image须为可访问的数组，datePublished等日期须为带时区的ISO格式。
-
应使用cubic-bezier(0.34,1.56,0.64,1)并配合transform-origin精确控制缩放中心，同时启用GPU加速（translateZ(0)或will-change）缓解模糊；Safari需统一transform声明结构，多层缩放应分层设定曲线节奏。
-
@media(orientation:landscape)不稳定，根本原因是viewport缺失或被覆盖、依赖重排导致延迟触发、iOS/安卓兼容性差异；需配合viewport设置、aspect-ratio兜底、dvh单位及主动matchMedia监听。
-
HTML中输入真正空格需用 （不间断空格）或CSS的white-space:pre-wrap属性，前者适合单个空格控制，后者能完整保留空格、换行和制表符并允许折行。
-
Vue模板中ref自动解包，即{{count}}等价于count.value，编译阶段静态分析实现，无运行时开销；仅限插值、v-bind、v-model、v-if等模板上下文，setup内仍需.value。
-
使用WebpackBundleAnalyzer等工具分析打包体积，定位重复引入、未启用TreeShaking等问题，通过代码分割、压缩混淆、CDN分离和依赖清理等手段优化，持续监控防止体积失控。
-
WASM解码在低端设备需手动优化参数才能流畅运行：限制分辨率、跳过非关键帧、单线程、启用fastDecode；WebGL渲染改用单纹理+shader；内存设为32MB并复用模块，关闭日志与冗余功能。
