-
backdrop-filter在Chrome中不生效需检查是否触发合成层，确保背景半透明（如rgba或transparent），避免不透明背景遮挡；Firefox需用@supports降级；模糊值建议4–8px以保性能；背景图需高分辨率防发虚。
-
对象冻结是使对象不可变的操作，Object.freeze()可防止属性增删改及配置修改，但仅浅层生效；若属性为引用类型，需通过递归实现深度冻结，如封装deepFreeze函数；可用Object.isFrozen()检测是否冻结，适用于配置保护、状态管理等场景。
-
transform-origin默认值为50%50%，即基于borderbox的中心点；需显式声明避免错位，语法仅支持“长度值”“关键字”“百分比”三类合法组合，且顺序、空格、单位须严格；SVG元素不响应CSStransform-origin，需用原生transform属性或包裹处理。
-
实现选项卡的核心是通过JavaScript控制内容区域的显示与隐藏，并用CSS标记激活状态，具体需结合HTML结构、CSS样式和JavaScript逻辑共同完成，其中HTML负责搭建导航按钮与内容区域并用data属性关联，CSS通过.active类控制显示（display:block）与隐藏（display:none）并提供视觉反馈，JavaScript则监听按钮点击事件，动态移除和添加active类以切换状态，同时可通过事件委托优化性能、增加ARIA属性提升无障碍访问、利用URL哈希实现页面锚点定位、支
-
不能。浏览器不识别.xlsx格式，a标签download属性仅改后缀，实际下载HTML文件；真正Excel需合法格式（如OOXML）及正确MIME类型application/vnd.openxmlformats-officedocument.spreadsheetml.sheet。
-
history.pushState不触发页面跳转，因其仅修改URL和历史记录；需手动监听popstate事件并更新视图，且首次加载须主动读取location.pathname渲染。
-
rgba()不解析CSS变量，因var(--color)返回字符串而非数值参数，导致声明失效；须拆分RGB为独立变量或逗号分隔字符串，再组合使用。
-
真正发光需2–3层text-shadow叠加，内层小模糊（2–4px）+外层大模糊（8–20px），颜色由实色渐变至半透，偏移量必须为0，且需依背景色调整配色与透明度。
-
HTML5的template标签用于定义不渲染的可复用HTML片段，通过JavaScript克隆并插入DOM，适用于列表、卡片等动态内容，提升代码可读性和安全性。
-
mix-blend-mode不生效主因是被隔离在独立堆叠上下文或未触发GPU合成层；需检查父容器是否隐式创建stackingcontext，加isolation:isolate或transform:translateZ(0)解决。
-
Grid容器overflow不生效最常见原因是子元素未超出容器空间或父容器高度未约束；需设明确高度、min-width:0/min-height:0、避免fr滥用、正确作用滚动样式于直接包裹内容的容器。
-
能，但仅限于内联事件处理器中直接returnfalse时生效；现代推荐用event.preventDefault()，语义清晰且兼容异步流程。
-
localStorage数据永久存储且同源标签页共享，适合长期偏好和登录态；sessionStorage仅限当前标签页，关闭即清空，适用于表单草稿等临时状态；二者均只支持字符串，需手动JSON序列化，且localStorage可监听其他页变更而sessionStorage不可。
-
原生<ul>嵌套是最稳的方案，不依赖JS、不靠第三方库、打开即见结构；必须用<li>包裹内容、子<ul>嵌在<li>内，用margin-left和伪元素控制缩进与连线，确保跨浏览器及PDF导出稳定。
-
CSSGrid用auto-fit与minmax()实现响应式图片网格，避免flex-wrap断行错位；用figure包裹图文并设display:inline-block保证布局；图片错误监听onerror降级，dialog实现轻量预览，状态同步优先class切换。
