-
原生details元素可直接实现语义化、无障碍折叠功能，无需手写JS：用<details><summary>标题</summary>内容</details>即可，支持键盘操作、自动aria状态，兼容主流浏览器（Chrome12+等），IE除外。
-
使用gap属性可设置CSSGrid布局的行列间距，gap能统一设置行列间距，row-gap和column-gap可分别设置行距与列距，如gap:20px或row-gap:15px、column-gap:30px，现代浏览器推荐直接使用无前缀属性，gap支持双值写法gap:10px20px等价于分别设置行列间距，相比margin更简洁高效。
-
正则表达式是JavaScript字符串处理的基础设施，必须掌握RegExp对象及match()、test()、replace()等方法；字面量简洁但不可拼接变量，构造函数支持变量但需双写反斜杠；不同场景应选用match、test、exec或replace。
-
答案：构建插件架构需定义统一接口、实现注册加载机制、提供扩展点并管理生命周期。插件应导出含name、init的标准对象，主程序通过registerPlugin注册，支持动态加载；利用事件或中间件暴露钩子，允许插件响应关键流程；通过enable/disable控制状态，调用destroy清理资源，并限制context权限以增强安全隔离。
-
Vue.js的watch默认浅监听且不处理异步副作用；需设deep:true实现深度监听，结合防抖、AbortController和清理函数避免竞态与内存泄漏，并用flush控制触发时机。
-
clip-path:inset(100%)是最可靠的视觉隐藏方式，它裁剪为空区域、不占空间、不响应事件、兼容现代浏览器；若需兼容IE11，应使用absolute+1px尺寸+margin-1px+overflowhidden+clip组合。
-
用border设置实线边框最直接，需显式声明solid（如border:1pxsolid#000），否则默认为none；其伸缩性由display类型、box-sizing和内容存在与否共同决定，空元素塌陷是主因。
-
iOSSafari中transition卡顿主因是非合成属性触发CPU重排重绘；仅transform和opacity可GPU加速；需谨慎用will-change、translateZ(0)/translate3d(0,0,0)，并避免布局抖动与不良timingfunction。
-
使用CSSmedia属性可实现响应式设计，根据设备屏幕尺寸、分辨率等加载对应样式；2.通过@media规则为不同媒体类型（如screen、print）设置条件样式，例如为屏幕设背景色、打印时隐藏导航栏；3.结合max-width、min-width等媒体特性适配多端布局，小屏用单列，大屏用网格；4.可在HTML中用link标签引入特定媒体类型的外部样式表，如打印样式或高分屏优化样式；5.合理运用media需注意断点选择与样式覆盖，建议配合开发者工具调试。
-
muted是视频自动播放的必要条件，必须在HTML中与autoplay同时声明，且移动端需加playsinline；仅设autoplay必失败，因浏览器按有声无交互拦截；JS后设muted无效，失败后须捕获并提供播放按钮。
-
referrerpolicy="no-referrer"仅对当前元素触发的单次主动请求生效，不继承、不传递，且对iframe、表单提交（未显式设置）、window.location跳转无效；验证需用本地服务捕获原始请求头，避免开发者工具误导。
-
Promise是JavaScript处理异步的核心机制，通过pending/fulfilled/rejected三种不可逆状态封装未来操作，支持.then()/.catch()链式调用、Promise.all()/race()并发协调及async/await语法糖简化异步流程。
-
HTML性能优化不直接计分但影响FCP、LCP、CLS等核心指标；改img的loading="lazy"和decoding="async"可减少主线程阻塞、避免布局偏移，需配width/height；preload须慎用，仅限字体、关键CSS、hero图等高优且无法自动发现的资源，并严格指定as和crossorigin；关键CSS应精准内联首屏必需规则，避免全量或含@import/@font-face，超14KB时分段异步加载；优化本质是理解浏览器渲染流水线，而非盲目压缩或加属性。
-
首屏白屏时间长通常不是HTML文件本身加载慢，而是其触发的阻塞行为所致，如未优化的script、无尺寸图片、同步CSS或服务端响应慢。
-
Safari中input[type="text"]阴影失效是因为其默认启用系统级渲染样式，需同时设置-webkit-appearance:none、border、background-color、padding、line-height并注意overflow和伪元素重置。
