-
Promise.race是处理异步操作超时的有效方法，因为它天然支持“竞速”机制，能自然地实现“谁先完成就取谁”的逻辑。1.它通过将主操作与定时器并行执行，优先返回最先完成的结果；2.与Promise链无缝集成，保持代码结构清晰；3.不需要额外库，是原生JavaScript支持的轻量级方案。但需注意资源泄漏问题，因为输掉race的Promise仍会继续执行，可能导致不必要的资源消耗；同时需在catch中区分错误类型以判断是否为超时错误；对于需要真正取消异步操作的场景，应结合AbortController等
-
HTML的translate属性非必需，默认即translate="yes"；仅当需阻止翻译专有名词、代码、版本号等固定内容时才用translate="no"；translate="yes"显式声明冗余，lang与translate职责不同，不可互换。
-
SSR通过服务器端直接生成完整HTML实现首屏直出，提升SEO索引率78%、LCP减少40%，并支持动态元信息与语义化标签，主流方案包括Next.js、Nuxt.js及自建Express渲染。
-
使用语义化标签构建文章区域可提升可访问性、SEO和维护效率。1.article作为独立内容容器；2.header包含标题、作者和时间；3.main标识主内容（可选）；4.section划分主题区块；5.aside放置相关辅助内容；6.footer包含版权或标签信息；7.time标记机器可读时间。示例结构清晰，配合CSS实现响应式布局，通过max-width、媒体查询等确保跨设备可读性。语义化不仅规范HTML结构，更为内容赋予逻辑意义，增强网页智能性与可维护性。
-
绝对定位子元素不占位，完全脱离文档流，父容器计算尺寸时无视其存在；需为父元素设置position:relative等非static定位才能建立定位上下文，否则偏移参考祖先或body。
-
Zustand的persist中间件在页面刷新后会丢失store中定义的方法（如setColor），因其仅持久化可序列化的状态值，而函数无法被JSON序列化，导致重hydration后方法变为undefined。
-
答案：现代前端构建需选合适工具并持续优化。Webpack适合大型项目，Vite提升开发体验，Rollup优打包库，Parcel快速上手；通过代码分割、TreeShaking、压缩、缓存和依赖优化提升性能，结合分析工具与CI/CD实现持续优化。
-
:hover和:focus需显式组合（如:hover:focus）才能同时生效，否则样式互不影响；单独使用无法实现叠加态效果，且需注意优先级、可访问性及移动端兼容性。
-
使用CSSFlexbox可轻松创建响应式图片画廊，通过display:flex和flex-wrap实现自动换行与等比缩放，结合gap设置间距，flex属性控制最小宽度（如200px）并允许伸缩，配合媒体查询优化小屏显示（如600px以下设为150px），确保在不同设备上均具有良好视觉效果。
-
有序列表使用<ol>标签创建，浏览器自动分配从1开始的数字编号；通过start属性可自定义起始编号，如start="5"；CSS的list-style-type可设置编号样式，如lower-alpha（a,b,c）、upper-roman（I,II,III）等；reversed属性实现倒序显示，value属性指定某项具体编号，后续项自动递增。
-
JavaScript提升是引擎在编译阶段将var和function声明的声明部分提前至作用域顶部，但赋值仍保留在原位置；var声明提升后访问得undefined，function声明完全提升，function表达式仅变量声明提升，let/const存在暂时性死区。
-
优酷Pad端无法关闭HTML5播放器，因其已全面强制使用HTML5作为唯一底层实现；用户可关闭的仅是自动播放、后台续播等具体行为，而非HTML5技术本身。
-
HTML5原生不支持RTSP，因video标签仅支持MP4/WebM等格式及H.264/H.265+AAC编码，而RTSP是传输协议且常承载裸H.264流；可行方案是服务端转WebRTC或HLS。
-
卡片布局通过HTML结构与CSS样式实现，使用语义化标签构建内容，配合Flexbox排列和响应式设计，确保整洁、一致且适配多屏。
-
JavaScript通过事件循环处理异步操作，宏任务（如setTimeout、script整体代码）与微任务（如Promise.then、queueMicrotask）分属不同队列。每次事件循环先执行一个宏任务，随后清空所有当前微任务，微任务具有更高优先级。例如，同步代码执行后，微任务回调（如Promise.then）会在当前宏任务结束后立即执行，而setTimeout等宏任务需等待下一轮循环。嵌套场景中，宏任务产生的微任务会在该宏任务结束后立即执行，导致输出顺序可能不符合直觉。由于微任务持续占用主线程，
