-
OKLCH是基于人眼感知建模的色彩空间，调L不偏色、调C不变亮、调H不失饱和；参数需带百分号（L为0%–100%），混用色彩空间会导致插值失效，全程统一使用才能发挥感知均匀优势。
-
默认插槽的后备内容直接写在<slot>标签内，仅当父组件未传入内容时生效，支持文本、HTML、组件及动态绑定，但仅作用于无name属性的默认插槽。
-
<progress>标签需同时设置value和max属性才能正确显示进度，如<progressvalue="65"max="100">；仅设value会导致解析异常；兼容IE需降级为<div>模拟，动态更新须校验边界并用requestAnimationFrame实现平滑动画。
-
未清理的事件监听器导致DOM移除后回调仍占用内存；2.闭包不当引用大型对象阻碍回收；3.全局变量意外增长积累内存；4.定时器依赖大型对象使内存无法释放。
-
答案是调试CSS选择器需结合开发者工具排查匹配失败、优先级冲突等问题。首先检查选择器是否正确命中元素，利用F12工具查看Styles面板及document.querySelector验证；其次分析样式覆盖情况，关注删除线属性和!important影响；通过实时编辑、调整选择器特异性或重构HTML结构优化定位；注意拼写、空格、伪类顺序等常见陷阱，提升调试效率。
-
HTML5模板是符合标准的静态HTML文件，不可import或require；应直接打开或用本地服务器访问，注意路径、script加载属性、viewport标签及id/class命名规范。
-
<option>标签用于定义<select>、<optgroup>或<datalist>中的可选项，用户看到的是标签文本，提交的是value值；2.构建友好下拉菜单需搭配<label>、name属性、optgroup分组及“请选择”提示项；3.在<datalist>中<option>提供智能提示而非强制选择，兼顾灵活性与引导性；4.常见误区包括混淆显示文本与value值、忽视无障碍访问、动态加载处理不当及缺乏多端测试，均需
-
应在:root中定义带语义的CSS变量（如--color-btn-primary-bg），用HSL值便于计算，所有var()调用必须含fallback，变量不可嵌套在媒体查询或class内，JS通过document.documentElement.style.setProperty动态修改。
-
虚线撕裂效果需用linear-gradient模拟可控锯齿，因原生dashed渲染不一致、打印易失效；水平撕裂用repeat-x梯度，垂直/弧形边缘用radial-gradient拼接，并须在@mediaprint中重写背景、避免outline/box-shadow、设明确高度。
-
是，但必须由主线程通过transferControlToOffscreen()移交OffscreenCanvas实例，Worker内不可直接new；Chrome69+、Firefox72+支持，Safari17.5仍不支持。
-
可用--rating变量控制星星填充比例，通过background-clip:text+渐变或clip-path:inset()实现，取值0–100，需设默认值、防NaN并注意浏览器兼容性。
-
HTML中不存在真正可用的快捷键功能，accesskey仅为语义标记，其触发依赖浏览器与系统策略，Chrome用Alt+key（Win）或Ctrl+Alt+key（macOS），Safari已默认禁用，且不支持多字符或重复值。
-
关键在于交互逻辑与动画渲染彻底分离，通过RepaintBoundary隔离重绘、isolate处理异步任务、ShadowDOM实现样式隔离，并辅以帧率监控与动态降级策略保障性能。
-
本文讲解为何fetch触发的404错误无法被console.clear()消除，阐明浏览器网络错误日志的不可干预性，并提供真正有效的静默处理方案：使用fetch()配合手动状态判断+AbortController（可选）规避默认报错日志。
-
WeakRef和FinalizationRegistry不控制对象生命周期，仅在对象被GC回收后提供弱感知与清理入口；真正决定生命周期的是强引用是否存在。
