-
HTML本身不支持断点设置，断点是CSS@media规则的能力；HTML仅传递条件，由CSS引擎解析执行，media属性仅用于初始加载判断，不响应动态变化。
-
flex-grow为0时子元素不参与剩余空间分配，宽度由内容或width决定；flex-shrink为1时小屏下会压缩导致换行或截断；flex-basis优先级高于width，影响初始主轴尺寸；gap兼容性影响均等布局。
-
直接设tr或td的height不推荐，因其会强制截断内容、与line-height冲突导致垂直错位，且老版IE兼容性差；首选方案是用--table-cell-line-height变量配合line-height和vertical-align控制对齐。
-
使用clamp()与calc()结合可实现字体平滑缩放，语法为clamp(1.5rem,2vw+1rem,3rem)，确保字体在最小值与最大值间动态调整，保持可读性与视觉一致性。
-
flex容器内容横向溢出不换行，需显式设置flex-wrap:wrap，并合理配置子项的min-width、flex-basis与flex-shrink，避免min-width过大或flex-shrink:0导致换行失效。
-
HTML开发本身不直接导致风扇噪音增大，但相关工具链（如本地服务器、浏览器多标签页、构建脚本等）会显著提升CPU/GPU负载，触发系统散热机制；需通过系统监控、GPU限制、构建优化、IDE调优及硬件检查五步排查验证。
-
违反id全局唯一性规范会导致document.getElementById()仅返回第一个匹配元素，其余同名id不可见；CSS样式、锚点跳转、ARIA关联、表单标签、水合渲染及第三方脚本均会失效或错乱。
-
CSS选择器对动态插入元素不生效，因其依赖静态匹配机制，仅在首次渲染或重排时扫描DOM；新节点若未显式携带匹配所需class/id等属性，则无法触发样式计算。
-
应根据操作目标选择：读写HTML源码属性（如data-、aria-）用getAttribute/setAttribute，读写DOM实时状态（如value、checked）直接访问属性。
-
关键在于毫秒是否被静默抹除或四舍五入：13位时间戳含毫秒，10位仅到秒；深拷贝后若getTime()值变化且差值为毫秒级，即发生精度丢失。
-
position:sticky在移动端失效主因是父容器设置overflow:hidden/auto/scroll而切断锚定链；媒体查询中改position类型会导致布局跳动；z-index受层叠上下文限制；兼容性差时应优先用IntersectionObserver模拟。
-
闭包不能实现动态上下文自愈或跨环境执行，仅作为轻量封装工具参与；它可封装环境检测结果、绑定上下文快照、隔离校验逻辑，支撑可观测性驱动的决策层。
-
Promise是一次性状态容器，仅含pending/fulfilled/rejected三种单向流转状态；.then是映射函数，返回值决定下一级输入；.catch不捕获未链式处理的错误；Promise.all全成功才返回，allSettled则收集所有结果。
-
Sass@mixin是编译期样式模板，用于复用CSS规则；定义用@mixin名字($param:default)，调用必须用@include名字(...)，不返回值、不支持return或变量接收，参数默认值用冒号，$args...须置末尾，响应式应抽离断点变量并校验类型。
-
FOIT/FOUT是字体加载导致的文本渲染阻塞现象：FOIT为白屏，FOUT为回退字体闪现后替换；font-display:swap可立即用系统字体渲染并无缝替换，配合preload和本地字体fallback能有效优化。
