-
用@keyframes改变width或height没效果，是因为这些属性不支持auto值插值、行内元素默认不响应、父容器尺寸不定导致计算失败；应改用transform或max-height替代。
-
HTML表格不该用于页面布局，因其语义本为二维数据展示；误用会导致响应式失效、SEO下降、可访问性中断及维护困难，仅当内容可被Excel处理时才适用。
-
WebAudio中connect()有三种形式：节点连节点、节点连参数、节点连目的地；混用会导致静音或报错；多路输入自动相加需控幅；所有节点须属同一AudioContext；start()前必须完成connect()且链路终点为destination。
-
<p>HTML注释必须以“-->”结尾且中间禁用“--”，否则导致解析截断；禁止嵌套；推荐模块化标记如“<!--headerstart-->”；上线前须清理TODO、DEBUG及冗余HTML注释。</p>
-
HTML本身不支持布尔运算，所谓“HTML布尔运算”实为设计软件中完成的SVG路径操作；前端交互中的布尔状态管理与图形布尔运算是两类完全不同的概念。
-
<p>prefers-color-scheme是CSS媒体查询，用于响应系统暗色偏好：@media(prefers-color-scheme:dark){/暗色样式/}，支持Chrome76+等现代浏览器，值为light/dark/no-preference，需配合data-theme属性避免与手动切换冲突。</p>
-
在Vue中，v-for循环需用函数式ref或数组ref实现多元素独立引用，禁用字符串ref；须配唯一稳定key（如item.id），避免索引变动导致引用错位。
-
requestIdleCallback是浏览器在主线程空闲时执行低优先级任务的调度API，适用于日志上报、非关键资源预加载等可中断任务，需配合timeout和deadline.timeRemaining()使用，并用cancelIdleCallback取消。
-
transition无效的主因是hover前后属性类型不匹配：需确保属性名一致、值类型可插值（如颜色/长度/opacity）、初始值非auto/unset，且避免使用display/visibility等不可过渡属性。
-
JavaScript插件系统核心是通过registerPlugin注册插件、维护插件列表并调用init方法；2.系统提供on和trigger实现钩子机制，使插件能在特定生命周期介入；3.插件需遵循规范，包含name、init等属性，并通过init接收系统实例绑定事件或扩展功能；4.主系统支持extend方法供插件间共享能力，如添加formatDate工具函数；5.结合动态import可实现按需加载，提升灵活性。
-
使用CSS浮动布局实现图片画廊，通过设置float:left使图片并排排列并自动换行形成网格。1.基本结构为容器包裹多个img元素；2.为img设置宽度、外边距和float属性，确保每行显示合理数量图片；3.使用overflow:hidden或伪元素清除浮动，防止父容器高度塌陷；4.通过媒体查询调整不同屏幕下的图片宽度，实现响应式效果。该方法兼容旧项目，但现代布局推荐使用Flexbox或Grid。
-
通过CSS的:hover伪类可以设置HTML超链接的鼠标悬停效果。具体步骤如下：1.定义超链接的正常状态，如链接颜色为蓝色。2.使用:hover伪类定义悬停状态，如链接颜色变为红色。3.可进一步添加背景颜色、阴影和动画效果，提升用户体验。
-
HTML无法直接设置背景图片透明度，需用CSS多层背景叠加rgba色块或::before伪元素隔离图层；前者兼容性好，后者精准控制且不影响子元素。
-
transform:rotate仅影响渲染层，不改变布局空间；包裹父容器可提供明确盒模型，配合调整margin、padding和transform-origin来对齐视觉与交互。
-
writing-mode:vertical-rl是唯一语义化竖排方案，需配text-orientation:mixed使汉字直立、字母数字自动旋转；失效主因是父容器非块级、触发旧布局或未设高度；换行用white-space:normal或pre-line，line-height必须用无单位值。
