-
Promise是异步操作的底层抽象，async/await是其语法糖；不理解Promise的状态机（pending/fulfilled/rejected）和microtask机制，就无法正确使用错误处理、并发控制与调试。
-
使用<audio>标签需结合JavaScript控制：不加controls则不可见不可操作，加了则无法自定义UI；自动播放受浏览器策略限制，必须由用户手势触发；状态监听依赖ontimeupdate、onended等事件而非轮询属性；iOS限制最严，建议每次播放新建Audio实例。
-
浮动元素导致父容器高度塌陷是因为其脱离普通文档流，父容器无法感知其存在；解决方法是触发BFC，如用display:flow-root（推荐）或overflow:hidden，而非依赖clear:both或空div。
-
AsyncIterator是JavaScript中用于异步生成值的迭代器协议，其next()方法必须返回Promise<{value,done}>；而普通Iterator的next()同步返回{value,done}，因此AsyncIterator需用forawait...of遍历。
-
本文介绍在SeleniumJava中绕过前端只读限制（如is-readonly类或禁用键盘输入）的可靠方案：通过JavascriptExecutor直接操作DOM设置input值，无需模拟右键粘贴或按键组合，规避JavaScript动态重置风险。
-
gap是Flexbox和Grid中统一控制列/行间距的最直接方式，仅在flex-wrap:wrap的flex容器和grid容器中生效，不支持IE，且与子项margin叠加而非覆盖。
-
可选链（?.）允许安全访问嵌套属性，避免访问null或undefined时出错；空值合并（??）仅在值为null或undefined时提供默认值，不干扰0、false等合法值。两者结合如user?.profile?.name??'匿名用户'，可高效处理不确定数据结构，提升代码安全性与简洁性。
-
img标签无HTML5独有新属性，必须写src和alt（空alt=""合法但不可省略），srcset/sizes实现响应式，loading="lazy"原生懒加载，decoding="async"异步解码防阻塞。
-
注册表单需用<form>配method="POST"和action，所有<input>必须有name属性，type="email"/"password"提升体验，required/pattern仅作前端校验，后端验证不可替代。
-
HTML5游戏引擎不提供摄像头访问能力，必须用navigator.mediaDevices.getUserMedia()原生API；需HTTPS环境、用户手势触发、检查video.readyState并每帧drawImage到引擎canvas。
-
WebSafe颜色在现代CSS中已无实际必要，因其仅适用于1990年代256色显示器，而今浏览器全面支持24位真彩色；其216种颜色由RGB各取00/33/66/99/CC/FF构成，如#336699，旨在避免早期抖动，但如今强制使用会导致色彩灰暗、对比度下降、可访问性变差及工具链警告。
-
多列布局列间距不均主因是gap与margin混用或未重置默认样式；CSSColumns需用column-gap而非gap，Grid/Flex可用gap；首尾不齐应加padding平衡；兼容旧浏览器时可用:not(:last-child)配margin模拟。
-
本文讲解如何在JavaScript中模拟CSS的:not()选择器行为，避免对弹窗表单等特定元素应用全局样式（如背景变暗），通过DOM结构隔离与精准作用域控制实现优雅的模态框交互。
-
TailwindCSS通过移动优先的响应式断点类实现移动端适配，提供sm、md、lg、xl、2xl五种默认断点，支持自定义配置；使用断点前缀如md:、lg:可针对不同屏幕尺寸调整样式，例如字体、布局、间距及元素显示，推荐先为小屏设置基础样式再逐层优化大屏体验，结合类名组合实现跨设备一致的响应式设计。
-
Promise解决回调地狱问题，通过链式调用提升可读性、统一错误处理、支持并行与中断；但无法取消、无进度反馈、错误易静默，需配合AbortController等方案。
