-
pagehide事件才是sendBeacon的正确触发点，需判断event.persisted===false时调用；data必须为指定类型，推荐Blob或URLSearchParams；严格遵守64KB限制并检查返回值；仅支持同源，服务端需幂等处理。
-
position:relative套层失效因第三方组件内部的position:relative、transform等会创建新定位上下文，使absolute元素相对错误祖先；z-index失效因层叠上下文隔离或高值覆盖；top/left偏移因缩放或响应式单位；DOM时机错误因未等第三方组件渲染完成。
-
用@mediaprint写打印样式需在主CSS中直接添加，仅覆盖影响打印的属性：隐藏非内容元素、重置颜色背景、用pt/cm单位、确保链接可读；避免复制整套CSS、误用visibility:hidden、选择器过宽或权重冲突；Chrome/Firefox预览失效常因未启用“背景图形”或未走原生打印流程；无需单独print.css，内联最稳，注意分页控制用break-inside:avoid作用于tr。
-
本文详解如何在ESLint单配或多层继承场景中，对已继承的规则（如import/order）进行增量式覆盖，避免全量重写，提升配置可维护性与复用性。
-
小屏卡片截断主因是固定宽度+缺乏响应式约束。应设box-sizing:border-box、用max-width替代width、加width:100%、确保viewportmeta、检查媒体查询优先级与断点、统一flex布局、图片设width:100%、文字用clamp()适配。
-
推荐新手直接通过官方CDN引入Layui：在head中引入CSS，在body底部引入JS，使用https://unpkg.com/layui@2.8.18/；本地部署需解压后按路径引入，注意图标字体路径和加载顺序。
-
address标签用于标识页面或文章的责任主体而非物理地址，应根据归属关系判断：article内标作者，body顶层标全站维护方，仅允许短语内容，禁用块级元素。
-
Grid中aspect-ratio不生效需先检查父容器是否设width或min-width，再确保子项设width:100%或min-width:0，避免height冲突，优先用grid-auto-rows配合aspect-ratio实现响应式高度。
-
Error.cause无法用于全链路异常监控，因其仅在单个JS运行时内有效，跨服务时因JSON不序列化cause、旧环境不支持及协议缺失而必然断裂；须改用结构化错误字段+traceparent透传实现根因定位。
-
SCSS不自动遵循DRY原则，需开发者主动识别显性与语义重复（如flex居中），通过语义化变量（如$color-primary）、@mixin抽象（如@mixinflex-center）及慎用@extend来落实；旧项目应渐进隔离并注释@mixin行为。
-
Safari对calc()结果执行向下取整（floor），导致宽度/高度差1px；Chrome、Firefox则四舍五入或保留小数，这是WebKit布局阶段的数值处理策略，并非bug。
-
根本原因是浏览器默认样式与自定义CSS隐式冲突；需针对性重置box-sizing、margin/padding、font-size等核心属性，配合基础样式重建布局锚点，并确保重置CSS最先加载。
-
本文详解如何通过现代CSS布局（Flexbox+语义化结构）使header元素自然位于容器顶部、水平居中，同时保持样式完整性与响应式健壮性。
-
JavaScript是单线程语言，依靠事件循环、任务队列和宿主环境（如浏览器或Node.js）的异步能力处理异步操作；微任务（如Promise.then）在宏任务后立即执行，宏任务（如setTimeout）需等待下一轮事件循环；WebWorker可实现多线程但不改变JS单线程本质。
-
使用[attr$="val"]选择器可匹配属性值以指定字符串结尾的元素，如a[href$=".pdf"]{color:red;}使PDF链接变红加粗，[class$="btn"]仅匹配class属性值整体以btn结尾的元素，需注意大小写敏感及多类名限制。
