-
多层box-shadow应采用偏移为0、模糊半径递增、透明度递减的组合:第一层02px4pxrgba(0,0,0,0.1),第二层04px12pxrgba(0,0,0,0.08),第三层08px24pxrgba(0,0,0,0.05)。
-
JavaScript中大数组切片被闭包长期持有会导致底层ArrayBuffer无法释放,引发内存膨胀;需通过DominatorTree定位RetainedSize异常的ArrayBuffer,检查闭包引用链并切断视图型引用。
-
正确使用word-break属性可避免单词被截断:优先选用normal或keep-all值,确保英文单词在空格处换行;搭配white-space:normal和固定宽度容器,提升文本可读性。
-
overscroll-behavior用于切断嵌套滚动容器间的事件传递链,仅在可滚动容器(overflow非visible且内容溢出)滚动至边界时生效;典型场景为模态框或侧边栏滚动到底/顶时阻止背景页面滚动。
-
Temporal.Duration无法处理夏令时,必须配合Temporal.ZonedDateTime使用;因Duration是纯线性运算、不感知时区,而ZonedDateTime调用add()时会查IANA数据库自动应用DST偏移。
-
--scale变量配合calc()控制尺寸比transform:scale()更可靠,因它改变布局盒而非仅渲染层,避免点击区域错位、坐标系失准、字体糊化等问题。