-
粒子爆炸需用JS随机生成极坐标（角度+半径）并转为translate值，CSS动画控制终点状态，配合will-change和图层提升防卡顿，禁用filter:blur保障性能。410 收藏 -
margin:auto水平居中需满足：元素为块级、在普通流中、显式设置宽度；垂直方向无效。常见失效原因包括未设width、父容器无高度、元素被绝对定位或浮动。164 收藏 -
:target伪类失效主因是目标元素缺失id或id值与URL片段不严格一致；它仅匹配带对应id的唯一元素，不支持name、class等其他属性，且id区分大小写、需匹配解码后字符。402 收藏 -
直接给容器设background-color并用object-fit:cover是最简解法，但需确保容器有明确宽高以避免加载闪白；cover裁边、contain留黑边，选择取决于业务对裁切或完整性的要求。313 收藏 -
box-shadow悬停发光必须配合transition才能实现平滑动画，仅设置box-shadow会导致瞬切效果；需单独声明transition:box-shadow0.3sease，初始值设为box-shadow:0000transparent，并注意兼容性与视觉协调。327 收藏 -
flex-shrink:0不能单独保证图片不被压扁，需配合min-width:0和max-width:100%等约束，并确保图片为flex容器的直接子项且父容器有明确主轴尺寸。337 收藏 -
var()默认值是降级取值而非回退终点，支持嵌套var()链式降级，仅在变量完全未声明或被initial/unset设为无效时触发，需防循环引用与作用域错误。282 收藏 -
使用font-weight:normal可取消文字加粗，包括内联样式、类选择器、覆盖继承值、重置语义标签默认样式及all:revert/unset批量处理。340 收藏 -
D3.js适合高度定制化可视化，需较多编码；ECharts开箱即用，配置简单，适合快速开发标准图表。203 收藏 -
float多列默认不等高，因浮动使父容器高度坍缩，各列高度由内容独立决定；所谓等高是背景色延伸的视觉错觉，并非真实DOM高度一致。155 收藏 -
本文详解如何通过一个按钮点击事件，同时更新页面中的图片和下方配套文字描述，避免冗余代码，提升可维护性，并提供健壮、可扩展的函数封装方案。298 收藏 -
iOSSafari禁止自动播放音频，必须通过用户手势同步调用play()解锁；需先用muted属性静音初始化audio，再解除静音；WebAudioAPI也需在手势中初始化并resumeAudioContext。344 收藏 -
应使用<time>标记时间线变更点，其datetime属性须为ISO8601格式（如2024-03-15），内容可为人类可读文本；多个变更点需多个<time>标签，辅以data-version等自定义属性标识版本；“前后对比”需用语义化容器（如<divclass="versionold/new">）配合<del>/<ins>标记小范围文本差异，禁用title或注释替代可见记录。396 收藏 -
太极图纯CSS实现需用conic-gradient或双半圆叠加配合border-radius:50%，伪元素小圆须父容器position:relative+inset定位，强制background-clip:padding-box保边缘清晰。186 收藏 -
PurgeCSS通过静态扫描HTML/JS/Vue等文件中出现的类名和ID，匹配配置路径来剔除未使用CSS，可减少60%–90%体积；需显式配置content、处理动态类名、用safelist保底，Vite推荐使用vite-plugin-purgecss。124 收藏
