CSS引入顺序直接影响样式覆盖，当特异性和重要性相同时，后引入的规则生效。通过合理规划重置、基础、组件到主题样式的加载顺序，结合预处理器或模块化方案，可有效避免冲突，提升可维护性与调试效率。

HTML5manifest已被弃用，ServiceWorker+CacheAPI是唯一可靠离线方案；manifest缓存逻辑不透明、失败即全崩、无运行时控制，Chrome94+等主流浏览器已移除支持。

必须由用户手势（如点击）触发navigator.mediaDevices.getUserMedia()，否则Chrome会因安全策略拒绝调用并报NotAllowedError；需HTTPS（或localhost）、正确绑定video.srcObject、检查设备可用性并前置权限判断。

margin:auto水平居中需满足两个前提：元素为块级（display:block）且设置了明确宽度；否则对内联、浮动、绝对定位元素或无宽元素无效。

直接读取select元素的value属性可获取当前选中项的值，多选时需用selectedOptions；change事件监听值变化，设置选中推荐赋值value。

overflow属性常因子元素脱离文档流（如absolute、transform）、父容器缺明确宽度或层级约束链断裂而失效；需逐层设置width、min-width:0、max-width:100%等约束防溢出。

本文介绍如何使用JavaScript的filter()与includes()方法，高效筛选出对象数组中id属性不匹配给定数字数组的元素。

要提升JavaScript包的TreeShaking效果，需确保使用ES模块语法、在package.json中正确声明sideEffects、避免全量导入并启用生产模式优化，结合构建工具和分析工具验证结果。

空alt（alt=""）是正确写法，明确表示图片无文字意义，被屏幕阅读器跳过、搜索引擎忽略；alt=""含空格则被视为无效字符串，会导致误读、SEO问题及校验失败。

答案：JavaScript动画通过缓动函数实现自然过渡，利用非线性数学曲线模拟真实世界运动。核心原理是将线性时间进度映射为非线性动画进度，结合requestAnimationFrame在每帧计算缓动后的进度值，从而控制属性变化。线性动画因速度恒定显得生硬，而缓动函数如ease-in-out可模拟加速减速过程，提升界面流畅感与用户心理舒适度。cubic-bezier允许自定义三次贝塞尔曲线，通过调整控制点精确塑造动画节奏，支持超出0-1范围的值实现过冲效果。除CSS内置时序函数外，JS可通过原生raf+自定

XML需通过XMLHttpRequest或fetch加载并解析，注意同源、MIME类型、BOM及编码问题；提取文本必须用textContent而非innerText；推荐DOMParser+querySelecto避免getElementsByTagName全局查找陷阱。

斜杠在HTML5中无需转义，可直接使用；但在URL、路径或自闭合标签中需注意语法规范，如反斜杠在JS中要双写，而<、>、&、"、'等字符需用实体编码避免解析错误。

使用flex-wrap和gap可创建响应式按钮组：通过display:flex、flex-wrap:wrap实现换行，gap统一间距，无需媒体查询即可在不同屏幕下自动调整布局。

合理使用内联关键CSS、异步加载非关键CSS，并通过defer延迟执行依赖DOM的JS脚本，可有效减少阻塞、提升首屏渲染速度与页面交互性能。

直接用.parent:hover.child即可实现父元素悬停影响子元素，空格表示后代选择器；失效主因有三：DOM结构脱离（如Portal）、子元素隐藏未恢复、CSS优先级冲突；>仅作用于直接子元素，空格匹配所有后代；需注意移动端无hover及布局抖动风险。