-
transition和animation分工不同：transition适用于两状态间平滑过渡（如hover变色），需属性值变化且触发条件明确；animation适用于复杂帧序列（如loading转圈）、需控制中间帧、循环或延迟时，必须用@keyframes定义关键帧；推荐使用transform和opacity实现GPU加速，避免left、top、height等引发重排。
-
答案：多主题项目中应以CSS变量为核心，结合模块化CSS或CSS-in-JS实现样式隔离与动态切换。通过在根元素切换类名来改变CSS变量值，可高效实现主题变换，避免FOUC；组件样式采用CSSModules或CSS-in-JS确保局部作用域，提升维护性；利用ThemeProvider或localStorage持久化主题选择，并通过构建优化和按需加载控制打包体积，平衡性能与开发效率，最终实现流畅用户体验。
-
内部样式适合单页、一次性页面且CSS≤1KB的场景；外部样式更常用，因可缓存、易优化；@import会阻塞并行加载，应避免；选择依据是复用性与稳定性。
-
scroll-snap-type在轮播图中失效的根本原因是父容器未设置overflow或子项未撑满容器宽/高；必须在滚动容器设scroll-snap-type和overflow，子项需固定尺寸、总宽≥容器宽，并加scroll-snap-align。
-
HTML通过浏览器解析显示，无需编译；可保存为.html文件后双击用浏览器打开，或使用VSCode的LiveServer插件实现实时预览，也可借助CodePen等在线工具直接编辑运行。
-
检测CSS是否加载需查link/style节点并验证sheet属性；防重用Set记录标准化URL，注意跨域、HMR、路径一致性及错误处理。
-
HTML无法运行通常因保存格式、打开方式或路径错误。1.确保文件扩展名为.html且编码为UTF-8；2.用浏览器正确打开本地文件；3.检查代码结构完整性；4.核对资源引用路径是否正确。
-
虚拟DOM是用JavaScript对象模拟真实DOM的轻量层，避免频繁重排重绘，支持批量更新与跨平台；React.createElement等返回虚拟DOM对象，diff算法仅同层级同type比较，key用于标识可复用节点，列表渲染须用稳定唯一key。
-
调整HTML表格单元格位置有五种技巧：一、用colspan/rowspan合并单元格；二、嵌套子表格微调；三、CSStable-layout配合absolute定位；四、改用CSSGrid模拟表格；五、direction/writing-mode翻转渲染流向。
-
使用padding-bottom解决fixed定位遮挡问题：为body设置与固定元素等高的padding-bottom，如60px，使内容不被底部导航遮挡，同时注意布局属性和响应式适配。
-
progress标签不更新？必须用JavaScript改value属性HTML5的是纯展示组件，它不会自动动起来——哪怕你写了value="50"，它也只显示静态的50%，不会自己从0走到100%。想让它动，得靠JS手动改value属性。常见错误是直接操作innerHTML或试图用CSS动画“骗”它动，没用。浏览器只认value和max两个属性的实时变化。value必须是数字（不能是字符串"50"），且在0到max之间，否则显示为不确定状态（IE/Edge旧版尤其敏感）修改后无需调用任何刷新方法，DOM重
-
clear:both不能解决浮动塌陷，因为它只使当前元素避开浮动元素，不改变父容器对浮动子元素的“不可见”状态；真正有效的是触发BFC（如display:flow-root）再配合clear。
-
九宫格中按钮错位因默认inline特性及盒模型敏感，需设格子为flex/grid、按钮宽高100%、清除margin/border；居中需格子加align-items/justify-content；交互应使用语义化button元素并完善可访问性。
-
GeolocationAPI失败主因是权限未授权或非安全上下文（需HTTPS/localhost），且iOS需用户手势触发；Mapbox401因token域名未绑定或容器无宽高；定位点应优先用GeoJSONSource+symbol图层实现响应式渲染；移动端漂移多因系统省电策略降级精度。
-
本文详解RxJStap()内容未执行的典型场景：当Observable发出的是数组而非单个对象时，直接解构属性会导致undefined错误，进而使tap()逻辑静默失败；重点讲解如何通过类型校验、结构遍历和调试技巧快速定位并修复此类问题。
