-
JavaScript是单线程语言，因其浏览器主线程仅有一个调用栈，为避免DOM竞态问题而刻意设计；异步任务由宿主环境多线程处理，JS主线程依事件循环执行宏任务与微任务。
-
应使用语义化标题标签（h1–h6）构建副标题层级，配合aria-labelledby实现隐式关联，figure/figcaption标记图文副标题，CSS类名控制样式，禁用已废弃的hgroup。
-
Flex适合单向顺序布局（如header+main+sidebar+footer），Grid适合二维坐标布局；关键在父容器设display:flex/grid，子元素用对应属性控制，避免误用绝对定位或表格做主结构。
-
nth-child按子元素位置选中，非列表项顺序；应优先用nth-of-type；transition-delay需逐项设置；动画需配合opacity/transform/visibility控制；IE不支持CSS变量。
-
响应式图片通过srcset、sizes和picture等技术，让浏览器根据设备特性自动选择最合适的图片资源。首先，srcset提供不同尺寸或分辨率的图片版本，sizes定义图片在不同视口下的布局宽度，二者协同帮助浏览器计算并加载最佳图片；其次，picture元素支持艺术方向和多格式回退，可在不同设备上展示不同裁剪内容或优先使用WebP/AVIF等高效格式；最后，结合CDN服务可实现自动化优化。这样做不仅提升加载速度、节省带宽，还改善用户体验、增强SEO，并降低服务器成本。
-
必须用.value是因为ref返回的是响应式包装对象，其内部通过getter/setter拦截对.value的读写以实现依赖收集和更新触发；模板中自动解包，script中需手动访问。
-
WebAssembly通过接近原生速度的执行能力，有效提升JavaScript在计算密集型任务中的性能。适合场景包括物理模拟、音视频编码、频繁调用的底层算法及已有C/C++库的复用；而涉及大量DOM操作或I/O的任务则不推荐。Rust是主流Wasm开发语言，借助wasm-pack和wasm-bindgen可将函数编译为Wasm模块，在JS中无缝调用。例如斐波那契计算性能远超纯JS实现。跨语言数据交互需优化：减少调用次数、使用TypedArray传递数组、利用SharedArrayBuffer共享内存以避免
-
HTML骨架本身不触发占位加载，它只是静态结构；真正实现需SSR输出骨架、JS懒加载、CSS动画（如linear-gradient背景动画）、资源调度及服务端同步数据状态，且骨架与真实DOM结构必须一致。
-
应使用<metaname="viewport"content="width=device-width,initial-scale=1.0">控制初始渲染，避免强制锁死缩放；禁用user-scalable=no和maximum-scale以保障可访问性；优先采用rem、clamp()等响应式字体方案替代zoom或transform:scale()。
-
PerformanceAPI是浏览器原生高性能监控接口，支持通过performance.getEntriesByType('navigation')获取导航时间点、resource/paint类型捕获资源与渲染时机，推荐用sendBeacon上报并兼容降级处理。
-
弹窗焦点管理需手动实现：打开时用requestAnimationFrame聚焦首个可交互元素，关闭时恢复触发元素焦点并校验其存在性，Tab导航需循环控制，inert属性需兼容降级。
-
grid-template-columns和grid-template-rows必须显式定义，否则display:grid不会自动布局；fr单位仅在Grid容器内按剩余空间分配；gap已替代grid-gap，旧版Safari需双写兼容；网格线从1开始编号；子元素margin不塌陷，推荐用gap代替。
-
errorCaptured是Vue2.5+和Vue3中用于捕获子组件（含孙子）在渲染、生命周期钩子或事件处理中抛出的同步错误的钩子，不捕获自身错误和未桥接的异步错误；需返回false阻止错误冒泡。
-
h1到h6的语义层级由HTML文档大纲决定，而非CSS样式；必须严格按嵌套顺序递进使用，避免视觉与语义错位，单页应用中宜用section/article包裹独立h1，隐藏h1需用clip-path等可访问方式，内容须简洁唯一、不可为空或含未解析变量。
-
box-shadow可精准控制阴影位置与深度，配合transform-style:preserve-3d、translateZ()和rotateX/Y实现真实相册堆叠效果；禁用filter:drop-shadow()、overflow:hidden和will-change:transform，改用backface-visibility:hidden提升性能。
