-
支配者树是堆快照中定位内存大户的高效视图，核心逻辑是对象A为B的支配者当且仅当所有GCRoots到B路径必经A，其按RetainedSize降序排列，顶部节点常占总堆70%以上。195 收藏 -
<header>是语义化元素，表示介绍性或导航性内容，可用于页面、<article>或<section>内部；仅当含标题、导航、作者信息等时使用，纯样式布局应选<div>；禁止嵌套或误用于页脚；<hgroup>已废弃。376 收藏 -
OG标签未生效主因是og:url、og:type错误或缓存问题；社交平台仅读取静态meta且需og:title、og:description、og:image三者齐全，og:image须为绝对URL、尺寸≥1200×630px；SPA需服务端注入OG标签，验证须用平台调试工具并主动刷新缓存。423 收藏 -
必须用background-image替换linear-gradient才能自定义Bootstrap5条纹进度条颜色，background-color无效；.progress-bar-striped和.progress-bar-animated需同步修改且方向、色标一致，并注意.progress底色对比度。303 收藏 -
fixed定位使元素脱离文档流并固定于视口，需显式设置top/right；sticky依赖可滚动祖先且受transform等影响；JS方案最可控但需节流和transform优化。349 收藏 -
HTML函数工具本身不会直接导致无风扇设备降频，降频由温度触发的被动散热机制引起；高负载Web应用可能间接加剧发热，需通过优化前端代码、调整系统散热策略及改善硬件接触面来缓解。205 收藏 -
通过performance.mark()和measure()精准标记用户可感知的业务节点，配合PerformanceObserver自动上报，实现微秒级端到端耗时监控。383 收藏 -
使用order属性可改变Flex子元素显示顺序，数值小的优先排列，结合flex-direction可调整主轴方向，常用于响应式布局中不改变DOM结构的情况下调整视觉顺序。155 收藏 -
弹性盒子通过display:flex实现一维布局，flex-direction控制方向，justify-content和align-items定义主轴与交叉轴对齐，flex属性调节项目伸缩，常用于导航、居中等响应式设计。305 收藏 -
闭包私有状态导致每个实例独占作用域对象，内存开销大且GC困难；类私有字段（#field）共享隐藏类结构，内存更紧凑、回收更高效。477 收藏 -
:empty仅匹配完全无子节点的元素，因换行、空格、注释等不可见内容导致常见失效；验证需检查childNodes.length为0或DevTools中样式是否高亮。173 收藏 -
该用<style>标签而非外部CSS文件的场景是：样式仅服务单页、改动频繁（如A/B测试页）或需快速验证布局；它省HTTP请求、避免路径错误，但无法缓存、易耦合JS、不支持构建工具处理。490 收藏 -
Proxy本身不记录历史或保存状态快照，仅拦截操作，因此无法直接支持撤销；必须额外维护操作历史栈并配合路径追踪、深度比较与安全还原逻辑。106 收藏 -
WebDriver协议不解决跨浏览器兼容性问题，它仅提供统一HTTP接口与驱动通信；兼容性差异源于浏览器渲染、JS执行、CSS解析等实现差异，需通过独立会话、能力配置、DOM/事件/JS/网络多维比对及Grid矩阵测试系统性捕获。318 收藏 -
closed模式不能构建强隔离微前端沙箱，它仅使shadowRoot返回null，不隔离JS执行环境、无法阻止全局副作用、也不能防止样式或逻辑泄漏，真正隔离需依赖整套设计约束与配套机制。251 收藏
