-
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并复用模块，关闭日志与冗余功能。
-
@media(prefers-color-scheme)可原生响应系统深色/浅色偏好，仅需在CSS中声明:root默认值与dark媒体查询覆盖，避免重复定义、硬编码颜色及JS混用，确保SSR无闪屏且兼容主流现代浏览器。
-
Bootstrap警告框自动淡出需同时满足：HTML中含fade和show类、data-bs-dismiss属性、button关闭按钮；JS中须监听closed.bs.alert事件并preventDefault，再调用alert('close')，否则元素被删无法复用。
-
background-image不支持transition或animation平滑过渡，因非可动画化属性；可用opacity切换叠加层、background-position滚动、渐变色动画、伪元素分层等替代方案。
-
CLS是衡量页面视觉稳定性的指标，非优化工具；高CLS常因img/iframe缺尺寸属性、字体切换导致容器高度变化、动态内容未预留空间所致，需从资源加载、尺寸预设和DOM插入时机三方面系统优化。
-
不推荐用float布局做瀑布流，因其无法自动将元素贴至最短列底部，需JS预计算高度并手动设置margin-top模拟，存在塌陷、重排卡顿、响应式维护难等问题，现代应优先选用CSSGrid或Masonry库。
