-
display:none使width/height完全失效，元素从渲染树移除，尺寸不可读取；inline元素默认忽略宽高；flex/grid容器对齐方式会压制子项尺寸；box-sizing变更影响宽高计算基准。
-
<time>标签必须带符合ISO8601规范的datetime属性才具语义有效性，仅文本内容无法被解析；支持日期型、日期时间型、周/年/月型三类格式，且需确保机器可读、逻辑一致、不嵌套。
-
<p>backdrop-filter直接写死易失效，因Safari等需-webkit-前缀、半透背景及will-change触发GPU加速；Less混合器可统一注入前缀、rgba透明底色和will-change，确保兼容性与性能。</p>
-
应避免滥用<hr>，它仅适用于主题段落间的语义分隔；多数视觉分隔需求应使用<divclass="divider">配合CSS实现，兼顾样式可控性、可访问性与暗色模式支持。
-
用CSStransform:scale()配合:hover可实现无JS图片放大，但需设transform-origin:center防偏移，加image-rendering提升清晰度，用cubic-bezier优化缓动，并注意响应式与高DPR适配。
-
移动端垂直布局应使用flex容器+column方向+flex-grow实现弹性拉伸，而非height:100vh；因100vh在iOSSafari等浏览器中会包含地址栏高度且软键盘弹出时不重算，导致截断或错位。
-
event.persisted===true是页面状态需抢救的唯一可信信号；它在pagehide中标识bfcache或冻结，pageshow中需校验该值及localStorage存在性才恢复，且仅同步可序列化字段。
-
BEM能清晰划分Dashboard小组件边界，因其通过Block（如sidebar、chart-card）定义独立可复用组件，Element（如chart-card__header）限定作用域内子元素，Modifier（如chart-card__filter-bar--collapsed）仅描述状态，杜绝样式泄漏与嵌套混乱。
-
<p>Less中calc()不能直接嵌套变量，需用~"calc(@{var}*1.2)"插值；响应式字体应封装为mixin并配合媒体查询兜底，单位须统一且运算提前完成。</p>
-
Reflect是ES6引入的内置对象，提供统一函数式接口集中管理JavaScript底层操作，与Proxy配合可实现元编程。它将原本分散的操作（如属性读写、函数调用）规范化为静态方法，如Reflect.get()、Reflect.set()、Reflect.has()等，均返回布尔值以提升操作可靠性，并支持receiver参数确保this正确绑定。相比传统命令式写法，Reflect更利于错误处理、逻辑扩展和代理透传，是实现响应式系统（如Vue3）的基础工具。
-
Vue页面白屏需分段定位：先查Elements确认#app是否存在，再通过beforeCreate、created、beforeMount、mounted钩子埋点日志，重点排查created中API未catch、mounted中ref未定义等异步/依赖错误。
-
本文讲解如何使用CSS邻居选择器（+）配合语义化HTML结构，实现“仅显示直接父级被悬停元素所对应的提示信息”，彻底避免嵌套结构中因层级继承导致的多提示同时显示问题。
-
使用Foundation框架可快速创建响应式按钮。只需为按钮或链接添加.button类即可生成基础样式，如<buttonclass="button">普通按钮</button>。通过.primary、.success、.alert等类设置按钮颜色，.tiny、.small、.large调整大小，实现丰富视觉效果。为适配移动端，使用.expanded类使按钮全宽显示，适用于小屏幕设备。按钮默认为内联块元素，宽度自适应内容，结合网格系统可实现复杂布局控制。添加.di
-
Object.assign的同名属性覆盖是按参数顺序的赋值规则：后参数同名属性覆盖前参数，null/undefined被跳过但不改变顺序，原始值转包装对象后无属性可拷贝，嵌套对象整体替换而非深度合并。
-
Array.prototype.some()是适合中低频逻辑碰撞检测的轻量级早停工具，适用于表单校验、权限互斥等场景，比filter/forEach更高效，必要时可降级为for...of优化性能。
