-
可通过loop属性、ended事件监听、setAttribute动态控制或muted+autoplay组合实现HTML5音视频自动循环；loop最简捷，ended事件更可控，动态切换适合交互场景，静音autoplayloop则保障自动播放兼容性。
-
回调地狱是因嵌套过深的回调导致代码难以阅读维护；async/await通过await暂停执行、解出Promise值来扁平化逻辑，但未消灭异步本质，仍需依依赖关系选择串行或并行（如Promise.all），且须注意未await、循环滥用、错误捕获等陷阱。
-
用:last-child清除最后一项的border-bottom最省事可靠，但需确保flex-direction:column且DOM末项即视觉末项；避免用margin/padding混淆留白逻辑，优先用margin-bottom控制间距、padding-bottom配合边框。
-
本文详解如何通过<path>元素精确模拟CSSborder:3pxdottedred的视觉效果，解决边角不圆、虚线不均匀等常见问题，涵盖stroke-linecap、stroke-dasharray偏移技巧及路径坐标精算逻辑。
-
JavaScript事件处理依赖浏览器任务队列调度，宏任务（如点击、setTimeout）与微任务（如Promise.then）分层执行，每次宏任务后清空微任务队列；事件委托、passive选项、stopPropagation与preventDefault区分等细节决定实际行为。
-
FlutterWeb不支持直接写HTML语句嵌套，仅可通过HtmlElementView在DOM层级混合原生HTML元素；需预定义容器ID、手动管理尺寸与z-index、避免滚动/动画widget包裹，并通过JS-Dart桥接通信，且应优先选用纯Dart方案。
-
JavaScript无原生宏系统，但可通过Babel插件、DefinePlugin等构建工具实现编译时代码替换，或用高阶函数、Proxy、模板字符串+eval模拟运行时宏行为，关键在于区分编译时与运行时需求，并兼顾代码可读性。
-
JSON.parse(JSON.stringify())不能用于生产环境，因其会丢失Date、RegExp、undefined、function、Symbol、BigInt等类型，并无法处理循环引用；仅限纯JSON安全结构的临时调试。
-
答案：:only-child伪类选择器用于选中其父元素中唯一的子元素，无论类型如何，等价于:first-child:last-child；例如p:only-child会为唯一段落添加样式，而img:only-child可实现单图居中；与:only-of-type不同，后者仅要求同类型唯一，不需整体唯一。
-
全屏背景视频需设position:fixed+width:100vw;height:100vh+object-fit:cover；z-index失效因video创建独立堆叠上下文，应加isolation:isolate；移动端需muted、autoplay、playsinline三属性并存。
-
::first-letter的font-size无法动画，因规范限制且渲染机制特殊；应改用真实span包裹首字母并应用transition或keyframes实现可靠动画效果。
-
阴影自然的关键是调低模糊半径、减小偏移量、用低透明度rgba色值匹配背景；推荐卡片用04px12pxrgba(0,0,0,0.1)，浅色背景配0.05–0.12透明度与8–16px模糊，深色背景改用浅色阴影。
-
TypeScript是JavaScript的静态类型标注层，编译后仍为纯JS；它通过类型注解、接口等在开发阶段做静态分析，不改变运行时行为，可渐进式引入并弥补JS运行时类型检查的不足。
-
最直接且语义化的方式是使用<inputtype="week">，它在支持的浏览器中提供年份和周数选择控件，值格式为YYYY-Www；但Firefox和部分Safari不支持，会退化为文本框，需通过JavaScript或第三方库实现兼容性处理。
-
统一图标与文字间距的关键是显式控制样式。1.使用固定margin-right（如8px）确保稳定间距；2.采用em单位适配不同字号，提升响应式表现；3.设置vertical-align:middle确保垂直对齐，必要时微调；4.推荐使用flex布局配合gap属性，精确控制子元素间距，避免依赖默认渲染，提升一致性。
