-
答案：:not()伪类可排除特定元素实现精准样式控制。通过:not(选择器)语法，如p:not(.highlight)或input:not([disabled])，能为不匹配条件的元素应用样式，常用于跳过特殊类、状态或结构的元素，结合属性与结构选择器可实现高级过滤，但需注意仅支持单个简单参数、不兼容旧版IE且不可选伪元素，现代浏览器广泛支持，合理使用可提升代码简洁性与维护性。
-
<pre>标签在HTML中用于保留文本的原始格式。1)它适用于展示代码、诗歌等需要保持格式的文本。2)使用时需在文本前后加上<pre>和</pre>。3)结合<code>标签可更好展示代码。4)使用时需注意文本默认使用等宽字体和可能影响页面布局。
-
CSS变量需定义在:root或祖先元素才能被伪类读取；:active因瞬态特性易延迟失效，需确保变量被实际渲染属性使用；::before默认不继承变量，应显式设置或直接在伪类中修改变量值。
-
JavaScript异步编程本质是事件循环驱动的非阻塞执行，依赖EventLoop、CallbackQueue和MicrotaskQueue协同调度，异步≠并发或并行，仅避免阻塞主线程。
-
浏览器因服务端未返回Access-Control-Allow-Origin响应头而拦截跨域请求；需后端配置CORS头或前端开发期用Viteproxy代理绕过，且credentials为include时Origin不能设为*。
-
订单确认页需语义化结构（用<dl>替代<div>）、动态金额aria-live提示、按钮禁用逻辑显式校验、移动端地址折叠防失焦、地址弹层用inert锁定背景、电话字段适配键盘、取消入口置于订单号下方。
-
抖动动画应使用transform:rotate()配合animation，旋转角度控制在±2°～±5°，配合transform-origin、0.3s～0.5s动画时长、cubic-bezier(0.45,0.15,0.55,0.85)缓动函数及animation-fill-mode:forwards。
-
CSS变量是ShadowDOM中唯一原生支持的安全样式穿透机制，因其求值延迟特性可沿继承链跨影子边界查找；需在宿主或祖先声明，配合fallback并注意兼容性与命名规范。
-
模块化+状态驱动实现A/B测试的清晰切换与高可维护性，通过解耦变量、策略、渲染层并以统一状态控制行为流向。
-
AudioWorklet比WebWorker更适合实时音频处理，因其运行在浏览器音频渲染线程，具备微秒级定时精度、零缓冲抖动及严格帧同步能力；而WebWorker存在1–4ms调度延迟，无法满足44.1kHz等硬实时采样要求，易导致断续、相位跳变或卡死。
-
Bootstrap警告框自动淡出需同时满足：HTML中含fade和show类、data-bs-dismiss属性、button关闭按钮；JS中须监听closed.bs.alert事件并preventDefault，再调用alert('close')，否则元素被删无法复用。
-
响应式表单通过HTML结构与CSS样式实现跨设备适配，1.搭建包含用户名、邮箱、密码等字段的表单结构；2.设置基础样式提升视觉效果；3.使用媒体查询实现移动端适配；4.优化焦点状态、可访问性等交互细节，提升用户体验。
-
alt属性是HTML中必需属性，用于在图像加载失败、屏幕阅读器读取或搜索引擎解析时提供准确、简洁、非冗余的替代文本；装饰性图片必须设为alt=""，不可省略或填充无效内容。
-
animation-delay需按索引递增设置才有效：纯CSS用:nth-child(n)手动设定，动态列表须用JS遍历设style.animationDelay；务必声明初始状态并配animation-fill-mode:forwards。
-
HTML本身不提供手势识别能力，所有手势逻辑均需JavaScript基于touchstart/touchmove/touchend事件手动实现，通过坐标差值、时间阈值和preventDefault()控制判断滑动等行为。
