-
initial-letter在Chrome/Firefox中不生效，是因为浏览器尚未原生实现该属性：Chrome119+需手动开启实验标志才支持，Firefox至今完全不支持，AndroidWebView及旧版Safari亦无实现。
-
数据大屏粒子背景需绑定容器尺寸、禁用滚动与鼠标交互、适配高分屏且透明不遮挡；canvas宽高须基于容器rect和devicePixelRatio动态设置，tsparticles须关闭autoSize和fullScreen并禁用hover/click。
-
blockquote必须闭合，否则浏览器自动修复会导致布局错乱、footer消失、cite失效及屏幕阅读器朗读异常；cite属性须为完整URL，专标来源而非作者；footer与cite是语义闭环必备，须正确嵌套并适配深色模式样式。
-
track元素kind属性仅有5个合法值：“subtitles”“captions”“descriptions”“chapters”“metadata”；其他值被忽略或降为“metadata”；各值用途、渲染行为及兼容性要求均不同，且需满足HTML结构、属性和响应头等前提条件才能生效。
-
Generator自动执行器不解决分布式“分布”问题，但通过线性化、可中断恢复的控制流，封装请求意图并由执行器统一注入服务发现、重试、熔断、traceId透传等横切逻辑。
-
width变化不触发transition需确保元素有明确数值宽度（非auto）、写在默认状态而非hover中、行内元素设为block/inline-block；优先用max-width或flex-basis替代width过渡。
-
服务端主动关闭WebSocket必须走RFC6455关闭帧流程：先发CLOSE帧、等待对端响应、再关底层连接；直接调用close()或terminate()会导致1006异常断开，生产环境严禁用terminate()主动下线，仅限恶意帧拦截或超时强制清理。
-
JavaScript中对象需实现迭代器协议（即拥有返回{value,done}对象的[Symbol.iterator]方法）才支持for...of等操作；普通对象默认不满足，可通过生成器函数简洁实现，自动处理状态与惰性求值。
-
Reflect.get用于运行时取值（支持receiver），Object.getOwnPropertyDescriptor用于查询属性元信息；Proxy中应优先使用Reflect方法以确保语义正确和行为可组合。
-
:root伪类用于定义全局CSS变量，如颜色、字体等，便于维护和复用；通过var()调用变量，结合JavaScript可实现主题切换，如暗色模式；在媒体查询中重定义:root变量可实现响应式设计，提升项目可扩展性。
-
纯CSS无法生成真正随机色，必须用JS计算HSL值并写入CSS变量，再通过hsl(var(--h),var(--s)%,var(--l)%)动态应用；需预设fallback、控制取值范围、添加transition且作用于目标元素。
-
应按语义功能域拆分CSS而非文件体积，如button.css、form-layout.css；首屏关键样式内联，非关键样式异步加载；统一变量定义于tokens.css，禁用!important；构建时按内容哈希聚合共享样式。
-
overflow-y:auto在Flex容器中失效，根本原因是父容器无明确高度约束导致无法触发溢出；必须设置height/max-height，并为滚动区域添加min-height:0及-webkit-overflow-scrolling:touch（iOS兼容）。
-
根本原因是子元素未横向铺开且未真实溢出：必须同时满足内容总宽度＞容器宽度、子元素处于同一行内流（如flex-wrap:nowrap或white-space:nowrap），否则overflow-x:auto无效。
-
本文介绍使用原生JavaScript实现“一键联动”多个按钮的CSS激活态（如添加/移除active类），适用于无需实际触发点击事件、仅需视觉同步的场景，代码简洁可靠，兼容主流浏览器。本文介绍使用原生JavaScript实现“一键联动”多个按钮的CSS激活态（如添加/移除active类），适用于无需实际触发点击事件、仅需视觉同步的场景，代码简洁可靠，兼容主流浏览器。在构建交互式界面时，常需用一个主控按钮（如“全选”或“高亮模式”）统
