-
CSS没有background-video属性，全屏背景视频需用video元素配合object-fit:cover、width:100vw、height:100vh及autoplaymuted等属性实现，并注意移动端playsinline、兼容性降级和视频源质量。
-
:focus-within在Bootstrap表单中失效，因父容器未直接包含可聚焦子元素或结构不合规；应确保label包裹input、或给容器设tabindex="-1"，优先使用v5.3+的.form-floating组件。
-
虚拟滚动是只渲染当前视口内元素的技术：用占位层撑起总高度、计算可视区域索引、通过transform定位避免重排；适用于500+条固定高度数据的滚动场景。
-
密码输入框用pattern属性仅做提交校验，需配合input事件实时过滤非法字符，并在服务端重复校验。
-
<cite>标签语义始终为作品标题，HTML5起不再默认斜体且不隐式关联来源；须用<a>包裹实现链接，禁用<blockquotecite>，引文出处应显式置于<footer>或微数据中。
-
MiniCssExtractPlugin不能用style-loader替代，因前者在构建阶段将CSS单独提取为物理.css文件，后者仅运行时注入<style>标签；开发用style-loader（支持HMR），生产才用MiniCssExtractPlugin.loader。
-
1、使用旧版Firefox并启用Java插件；2、在Java控制面板降低安全等级并添加信任站点；3、用JDK的appletviewer工具独立运行；4、检查HTML中applet标签的code和archive路径是否正确。
-
background-image自适应核心是background-size:cover/contain，Sassmixin仅封装重复逻辑；真正有用的bg-cover需设center定位、no-repeat，并兼顾@2x图与宽高比约束，而响应式依赖CSS能力而非Sass运行时。
-
简写的十六进制颜色码是当每对红、绿、蓝颜色值相同时，可将六位#RRGGBB缩写为三位#RGB格式，如#FF00CC→#F0C；仅当每种颜色的两位十六进制数相同才可简写，否则需保留完整格式；该规则广泛用于CSS中设置文字、背景、边框等样式，能减少文件体积、提升加载效率；优点包括书写快捷、节省字符、提高可读性且兼容现代浏览器；注意事项有：非重复值不可简写，团队开发需统一规范，避免混用格式造成维护困难，部分工具默认输出六位格式需手动调整；掌握“成对相同才能缩”的原则即可正确使用。
-
iOS上word-break:break-all失效因Safari渲染兼容性限制，中文等无空格文本中常被忽略；可靠方案是overflow-wrap:break-word、word-break:break-word与white-space:normal三属性协同。
-
相邻兄弟选择器（+）用于选中紧邻且同级的后一个元素，语法为A+B；区别于~选择器，+仅匹配紧邻下一个，而~匹配后续所有同级元素；IE7+支持，需确保HTML结构符合紧邻同级要求。
-
实现等高列的常见方法是使用display:table-cell或flex布局。1.使用table-cell时，将容器设为display:table-row，子元素设为display:table-cell，它们会自动等高对齐，适合兼容老旧浏览器；2.使用flex布局时，只需将容器设为display:flex，子元素默认会拉伸至相同高度，更适合现代响应式设计；3.需注意table-cell可能影响内部元素定位和百分比高度计算，导致布局异常；4.若项目需兼容IE8及以下版本，推荐table-cell，否则建议优
-
AMPHTML必须满足五项硬性条件：根标签为<htmlamp>或<html⚡>；<metacharset="utf-8">为首项；含<linkrel="canonical">；引入v0.js脚本；CSS内联且≤75KB、禁用@import等；所有媒体标签须用amp-*组件。
-
使用CSS的position和:hover实现下拉菜单：通过父级li设置relative定位，子菜单absolute定位并默认隐藏，hover时显示，结合box-shadow、z-index等优化体验，无需JavaScript即可完成交互。
-
JavaScript数据可视化核心是选对图表库、理解数据结构、正确绑定渲染逻辑；需根据项目需求选库，准备结构化数据，精准配置坐标轴、键名和响应式，并以用户问题为导向精简图表元素。
