-
LocalStorage存搜索关键词实现刷新不丢失、点击回填，三步完成存取：监听事件→去重限条→JSON存取；读取后渲染可点击列表并自动搜索；优化聚焦、键盘导航、清空及新词置顶；注意敏感词过滤、环境隔离与移动端重复触发。
-
百分比尺寸的参照物是包含块而非父元素：width等参照包含块宽度，height等参照高度，padding/margin均参照宽度，top/left参照包含块padding-box，transform则参照自身尺寸。
-
使用统一颜色格式（如hsl或rgb）、避免混合表示法，采用cubic-bezier缓动函数优化过渡，推荐transition替代animation实现hover颜色动画，提升流畅度并减少闪烁。
-
直接原因是多个依赖间接引入不同版本CSS库导致构建时样式覆盖；需用npmls检查版本树、显式锁定高版本、统一CDN或npm引入、验证PostCSS兼容性并确保构建工具加载正确路径。
-
JavaScript生成器是能暂停和恢复执行的特殊函数，通过function声明、yield产出值，调用返回迭代器对象，支持next()推进、for...of遍历及yield委托等高级特性。
-
conic-gradient()画不出圆锥效果主因是浏览器兼容性不足，老版本（如Chrome89前、Safari15.4前）直接忽略该函数而回退为纯色；需用开发者工具验证是否解析成功，并注意from角度偏移、正方形容器约束及SVG/Canvas替代方案。
-
invert()能直接反转图片颜色，原理是线性反转RGB各通道值（0↔255），并非简单变黑白；常见误判源于原图近灰度或父级CSS干扰导致滤镜未生效。
-
响应式布局的核心是HTML和CSS，JavaScript通过监听窗口变化、配合媒体查询、动态调整DOM类名及防抖优化来增强响应式行为，实现多设备适配。
-
CustomEvent构造函数创建自定义事件需传入事件名和含detail属性的配置对象，detail为必需字段用于携带任意数据；通过dispatchEvent触发，addEventListener监听时通过event.detail读取数据；可选bubbles、cancelable等配置控制事件行为。
-
用font-display:swap可避免字体加载闪动，它让浏览器先用备用字体渲染再替换；需配合document.fonts.load()和document.fonts.ready精准监听加载状态，并选用度量值相近的fallback字体，本地开发须启用HTTP服务而非file://协议。
-
Reflect提供统一的API实现JavaScript反射操作，支持与Proxy配合进行元编程，其方法如get、set等返回布尔值，增强操作可控性与一致性。
-
Async/Await是JavaScript对Promise的封装语法糖，不改变异步本质；async函数总返回Promise，await在async内部暂停执行以等待Promisesettle，使异步代码更易读、调试和错误处理。
-
熊猫直播HTML5播放器可通过三种方式启用：一、网页端执行Cookie指令强制切换；二、禁用Flash插件并更换现代浏览器；三、URL添加?html5=1参数直连HTML5页面。
-
会，display:none必然触发强制同步重排；visibility:hidden不重排但占位；flex:000+opacity:0不重排却仍占位响应；最优解是JS层过滤数据、动态渲染DOM。
-
align-items:stretch是Flex子项默认等高的关键，只要未显式修改且子项无固定height/min-height，它们会自动拉伸填满交叉轴；需配合min-height:0和box-sizing:border-box确保嵌套与盒模型正确。
