-
flex-shrink不支持transition动画，因其为布局计算属性，不触发可动画的中间帧；可通过max-width、width或flex-basis等可动画属性模拟平滑收缩效果。
-
HTML5应用体验优化需从五方面入手：一、优化资源加载与缓存策略；二、提升渲染性能与交互流畅度；三、增强跨设备与跨浏览器兼容性；四、改进媒体与交互反馈质量；五、精简DOM结构与语义化标记。
-
生成器函数通过“暂停-恢复”机制，可在测试中精确控制异步流程的每一步。其优势在于封装分阶段模拟数据、简化状态管理、提升测试可读性与维护性，尤其适用于多步骤、状态依赖的复杂场景；结合Jest等框架可实现可控的序列化响应，包括成功、失败与加载状态。但需注意避免过度使用，确保每次测试前重置生成器实例，并权衡其学习成本与逻辑复杂性。
-
CSS颜色可通过名称、十六进制、RGB、RGBA等方式表示，常用于border-color和background-color；合理搭配边框与背景色可提升视觉层次，如使用相近色系、调整透明度，并通过hover状态增强交互，需注意对比度与多设备显示效果。
-
应使用input事件实时过滤非法字符，因其能捕获粘贴、拖入等操作，避免光标跳变，并需配合后端校验确保安全。
-
答案：通过CSS设置容器overflow-x:auto和white-space:nowrap，结合flex布局使子元素横向排列，可实现水平滚动列表。具体步骤包括：1.设置容器固定宽度并启用横向滚动；2.使用display:flex让子项水平排列；3.子项设置flex:00auto保持尺寸，可选scroll-snap-align实现滚动吸附。适用于图片轮播、标签栏等场景。
-
:first-child伪类选择父元素中第一个子元素，且该子元素需匹配指定选择器。例如p:first-child选中作为首个子元素的p标签；若首个子元素为其他类型（如h2），则p:first-child不生效，此时可用p:first-of-type选中首个p类型元素。样式应用需注意子元素实际顺序，:first-child基于位置而非类型，结合:first-of-type更灵活可靠。
-
用border-radius:999px替代50%可避免缩放或字体变化时露白边；胶囊主体需overflow:hidden防伪元素溢出；文字按钮要line-height与height一致确保垂直对齐。
-
VSCodeLiveServer因严格遵循HTTP协议规范，不支持含空格的文件路径；而直接双击HTML文件由本地file://协议加载时会自动编码空格（如World%20Web），导致同一路径在两种环境下行为不一致。
-
HTML5视频通过<video>标签原生实现音视频播放，依赖浏览器解码能力、资源加载机制及DOMAPI控制；其工作原理涵盖标签解析与媒体源绑定、缓冲机制、解码渲染流水线、事件驱动控制及编码兼容性处理。
-
lang()伪类必须配合HTML的lang属性才能生效，仅写CSS无效；它只匹配显式声明或继承的lang值，不自动识别系统语言，且大小写不敏感但建议统一小写。
-
Vue3中解析XML需用DOMParser并指定"text/xml"类型，解析后转为JS对象再响应式处理，失败时检查parsererror元素，fetch应使用text()而非json()，避免v-html直接渲染XML。
-
HTML内边距必须用CSS的padding属性设置，不可用HTML标签的padding或cellpadding等过时属性；支持四值语法、单边属性及百分比（相对包含块宽度）。
-
WKWebView加载H5图表白屏主因是iOS安全策略限制，需用loadFileURL并配置allowingReadAccessTo；传参用evaluateJavaScript在didFinish后执行；事件回传靠WKScriptMessageHandler；高DPI适配需手动处理devicePixelRatio。
-
最稳方案是html元素上设background、min-height:100dvh、background-size:cover并用background-attachment:scroll；fixed易致兼容问题且需父级全链height:100%或min-height:100vh，iOS中vh动态变化，dvh更可靠。
