-
transition对font-size无效的常见原因是起始或结束值为auto、inherit或无单位，CSStransition仅支持可插值的数值型长度（如px、em、rem、%），需显式声明初始和目标值，避免混用单位或依赖隐式继承。
-
JavaScript是运行于多宿主环境的动态弱类型原型语言，核心机制包括执行上下文与调用栈、TDZ、事件循环、this绑定规则及原型链查找逻辑。
-
JavaScript通过DOM操作实现网页动态交互，核心包括：①获取元素（getElementById、querySelector等）；②修改内容与属性（innerHTML、setAttribute、classList等）；③创建添加元素（createElement、appendChild）；④删除替换元素（remove、replaceChild），掌握这些可灵活控制页面结构与行为。
-
浮动布局在价格表中易错位，因其使元素脱离文档流，导致等高列、底部对齐和响应式断行难以实现，常见问题包括卡片高度不一致引发的换行偏移及父容器塌陷。
-
字体大小未生效通常是CSS优先级、继承中断或元素限制所致；需检查父元素font-size:0或line-height:0、单位匹配性、display属性、伪元素content及选择器权重。
-
transition对margin有效，但图标随文字滑动应使用inline-flex容器+transform:translateX()实现，避免margin引发重排、换行或对齐问题，确保动画顺滑且兼容。
-
iPad上audio.play()必须由用户手势触发，否则静默失败；iOS自iOS10起强制限制非交互式播放，即使autoplay+muted也不可靠；首次播放需绑定click/touchend并catch错误。
-
核心是通过遮罩层提升文字可读性：在背景图上用::before伪元素添加半透遮罩（如rgba(0,0,0,0.4)），z-index设为1，文字z-index设为2；配合媒体查询动态调整遮罩透明度与文字颜色，并优化字体粗细、阴影及行高。
-
HTML5HistoryAPI通过pushState()和replaceState()实现无刷新URL修改与历史管理，配合popstate事件响应导航，是SPA路由核心；HTML4无此能力，仅能依赖hash或过时iframe方案。
-
JavaScript无原生动态类名继承，但可通过组合、代理、装饰器或高阶函数模拟运行时行为增强；动态类名依赖条件拼接（如clsx）实现样式复用，HOC则通过包裹组件注入逻辑，二者协同解耦状态与渲染。
-
data属性是HTML5原生支持的自定义数据容器，用于在DOM元素上安全挂载私有业务数据；它以data-开头，浏览器忽略但JS可通过datasetAPI读写，自动连字符转驼峰，值恒为字符串，适用于纯JS逻辑驱动场景，避免滥用存复杂数据。
-
box-shadowinset阴影失效主因是漏写inset关键字或位置错误；需写在偏移量前，不可加引号；表单控件需重置appearance和outline才生效。
-
float布局在响应式图片廊中能用但不推荐，因其易引发清除浮动失效、高度塌陷、间隙错位及底部对齐失控等问题；现代方案首选grid，次选flex，仅在必须兼容IE9及以下时才考虑float+@media组合。
-
该用auto-fit；auto-fit会合并空轨道使卡片自动撑宽，避免小屏空白列和横向滚动，而auto-fill强行填满容器易导致布局异常。
-
引入CSS后表单元素变丑的主因是第三方CSS全局重置抹除了原生样式；用all:revert可恢复UA默认样式，IE不支持时需手动还原appearance、border等关键属性。
