-
根本原因是CSS层叠规则生效，scoped仅通过属性选择器隔离组件内样式，无法阻止第三方全局CSS覆盖；第三方样式权重更高、加载更晚或重置基础标签导致覆盖。
-
最可靠方案是用JavaScript遍历tr和td，结合textContent与includes()模糊匹配，需控制行数在2000以内；超量时应改用数据驱动模式。
-
可通过PerformanceAPI捕获首帧与LCP时机，结合交互延迟监测（>100ms）和超时兜底（FCP>1800ms/LCP>2500ms/2.5s无LCP），主动降级非关键资源、调整预加载策略并内联关键内容，全程可监控可回滚。
-
HTML注释无法阻止JavaScript执行或CSS应用，因其仅影响HTML解析器；应改用type="text/plain"屏蔽脚本、disabled属性禁用样式，或display:none隐藏HTML结构。
-
referrerpolicy="no-referrer"仅对当前元素触发的单次请求生效，不继承、不传递，新页面后续请求仍按自身策略发送Referer；它对window.location跳转、<iframe>加载和未显式设置的表单提交无效，验证须通过服务端原始请求头确认。
-
跨域iframe通信必须使用window.postMessage()，发送方调用iframe.contentWindow.postMessage()，接收方监听message事件并严格校验event.origin和event.source；document.domain已基本淘汰；服务端代理或同源中转页可作为补充方案。
-
递归是函数调用自身解决问题的技巧，需满足基础情况（终止条件）和递归情况（规模递减），典型步骤为确定basecase、找出递推关系并编码实现，常见陷阱包括缺失basecase或未缩小问题规模。
-
loop属性仅对video和audio有效，必须作为布尔属性使用（如<videoloop>或video.loop=true），且需配合muted才能在现代浏览器中正常循环；iOSSafari还需playsinline并依赖用户手势触发play()。
-
padding应设为0.75em1em等相对单位值，配合line-height1.4~1.6、box-sizing:border-box及合理fallback字体，才能兼顾呼吸感与一致性。
-
主轴空间分配由flex-grow、flex-basis和flex-shrink协同控制，结合gap与min-width可实现灵活稳定的布局。
-
按钮点击没反应的首要原因是onclick未在正确环境下执行，如浏览器禁用JS或页面以file://协议打开；其次检查DOM是否加载完成、ID拼写是否一致、按钮是否被遮挡或设置了pointer-events:none；表单内按钮需明确type属性并用preventDefault()阻止默认刷新。
-
元编程指程序能操作代码本身，JavaScript通过Proxy和Reflect实现。Proxy可拦截对象操作如get、set，用于日志、验证等；Reflect提供统一的函数式对象操作方法，常与Proxy配合使用。两者结合广泛应用于响应式系统（如Vue3）、调试监控、权限控制等场景，是现代框架核心机制之一。
-
HTML中无原生alert横幅，需用div+position:fixed实现顶部/底部通知；JS控制显隐时须防重复添加、手动关闭残留及自动关闭前校验；移动端需vw宽度、aria-label、高度限制和硬件加速。
-
最干净的响应式列数切换方案是直接在媒体查询中修改grid-template-columns，移动端用1fr、PC端用repeat(3,1fr)或1fr1fr1fr，并同步调整gap、子项尺寸及兼容性处理。
-
全屏滚动应优先使用CSSscroll-snap-type与scroll-snap-align实现，Safari13.1前需补scroll-snap-stop:always；禁用overscroll-behavior防橡皮筋，用IntersectionObserver监听页面切换，避免JS模拟滚动性能问题。
