-
Map的set/get操作比对象快，因其底层为稳定O(1)哈希表，避免原型链遍历、隐式类型转换及隐藏类失效；null/undefined/NaN、对象、函数、Symbol作key时必须用Map。
-
flex-wrap:wrap是让flex项目在主轴空间不足时自动换行的属性；默认nowrap会强制单行溢出，当容器宽度不足以容纳所有子项、需实现响应式布局（如导航栏、卡片网格）时必须显式设置。
-
锚点跳转失效主因是id重复、非法字符、隐藏或DOM未就绪；href需规范书写，注意大小写与路径；CSS用scroll-margin-top或JSscrollIntoView补偿固定导航栏；SPA中需手动处理hash定位。
-
WebPush通知必须依赖ServiceWorker，因推送链路为：前端订阅→后端保存subscription→后端调WebPush协议→浏览器触发push事件→SW中调showNotification显示。
-
CSSHighlights实现搜索高亮的核心是绕过DOM插入、交由渲染层处理样式，适用于文档预览等中高频搜索场景；需用TreeWalker+Range精准定位文本节点并归一化匹配，通过Highlight对象注册多组Range，配合::highlight()限定样式能力，兼容性需检测并降级。
-
多标签页问题根源在于标签数据与路由状态未实时同步，需通过router.afterEach监听路由变化，严格绑定to.fullPath更新tags数组，按规则增删标签并控制激活态与跳转逻辑。
-
readonly和disabled语义、行为、适用范围完全不同：disabled彻底禁用交互且不提交值，readonly仅禁止编辑但允许聚焦、复制和提交。
-
定位错位主因是参考块缺失、偏移方向混淆或层叠上下文限制；需确保父容器设position:relative、慎用absolute、善用transform居中、检查z-index作用域及flex/grid中对齐逻辑。
-
nth-child(n)常选不到元素是因为它按父元素所有子元素的位置序号计算，不区分标签类型；例如li:nth-child(2)失效可能因前有h3或注释节点，此时应改用nth-of-type(n)或JS筛选。
-
答案：自定义表单颜色选择器需超越原生input[type="color"]的限制，通过引入Coloris等第三方插件实现透明度支持、多格式转换和统一UI。原生方案样式控制有限且兼容性差，仅能调整基本外观；而使用JavaScript插件可高度定制，提升体验与开发效率。集成步骤包括引入CSS/JS文件、准备HTML元素并初始化插件，如Coloris通过data-coloris属性将文本框转为功能丰富的颜色选择器，支持预设调色板与透明度设置。
-
弹性盒子换行间距错乱主因是gap与flex-wrap配合不当或子项flex-shrink压缩宽度；应使用原生gap而非margin模拟，并设子项flex:00auto禁用收缩，注意gap不控制首行顶边/末行底边间距。
-
纯CSS自动轮播可用animation+@keyframes实现，关键在于绝对定位叠放元素、opacity/z-index或transform控制显隐与位移，配合radio输入框实现手动切换，避免JS依赖及兼容性问题。
-
答案：通过CSS的background-clip和animation实现文本渐变动画。首先设置linear-gradient背景并用background-clip:text裁剪至文字区域，配合color:transparent显示背景色；接着定义@keyframes动画改变background-position或background-size，使渐变流动；通过调整background-size控制速度，animation-timing-function和animation-direction优化动效节奏与
-
本文介绍使用事件委托（EventDelegation）技术，为HTML多题型选择题测验实现可扩展、健壮的按钮响应逻辑，解决单题有效而多题失效的问题，并确保每道题独立反馈、状态互不干扰。
-
可通过CSStransform属性实现HTML5图片翻转：一、scaleX(-1)水平翻转；二、scaleY(-1)垂直翻转；三、rotate(180deg)旋转翻转；四、结合:hover实现悬停翻转；五、rotateY(180deg)3D水平翻转。
