-
HTML本身不提供特效功能，所有动效须由CSS（transition/animations）或JavaScript（requestAnimationFrame等）实现；需避免display:none过渡、滥用will-change、误用marquee，并用DevTools定位渲染问题。
-
HTML5新标签需按语义正确使用：article适用于可独立分发的内容，time的datetime须符合ISO8601格式，main页面仅限一次，section必须含标题。
-
hover菜单动画失效是因为transition未写在默认状态；应设于基础选择器如.menu-item，仅过渡color、opacity等合成层属性，避免height等触发布局计算的属性。
-
Bootstrap的.dropdown-menu默认min-width来自CSS硬编码（v5.3为160px），需用!important覆盖或CSS变量--bs-dropdown-min-width动态控制，内置sm/lg类仅调内边距与字号，不改最小宽度。
-
display:none使transition失效，因其立即将元素从渲染树移除，中断所有样式计算；应改用visibility+opacity、max-height或transform+opacity组合实现过渡动画。
-
纯CSS无法实现真正倒计时，必须JS控制类名切换配合CSS定义每帧样式。CSS无动态计算、监听或响应能力，仅负责视觉呈现，核心原则是“JS管变、CSS管显”。
-
Tone.js的Sequence对象虽提供state和progress属性，但progress仅在启用循环（loop:true）时返回归一化进度值（0–1），非循环序列中恒为0；state可实时反映"started"/"stopped"状态，需结合事件监听实现精准完成判定。
-
space-evenly是justify-content的属性值，使flex容器内子元素间的间距及与容器边缘的距离完全相等，实现视觉对称布局。1.设置display:flex后使用justify-content:space-evenly；2.子元素之间及首尾与容器边距相同；3.适用于导航、图标组等需均匀分布的场景；4.现代浏览器支持良好，注意避免margin干扰布局效果。
-
直接查看网页源码（Ctrl+U）获取原始HTML5文本，不含JS动态内容或服务端模板；可通过Network面板找独立HTML模板、GitHub搜索关键词、curl检查开头、wget下载静态站等方式辅助获取。
-
安全扁平化旧CSS的@import需提取重排而非直接删除：先用postcss-import展开，再用stylelint检查复合选择器冲突；cssnano慎用mergeLonghand等激进压缩；动态类名需ast-grep+运行时日志识别；字体异常多因font-weight被误删，应禁用对应压缩或改用CSS变量。
-
必须用<!DOCTYPEhtml>且置于第一行开头，不可有任何前置字符；它触发标准模式，缺失或错误会导致怪异模式、布局错乱、flex/grid失效等问题。
-
<p>隐式类型转换是JavaScript在运算时自动转换数据类型的过程。例如5+"5"得"55"，"2"*3得6，true==1为true；加法中遇字符串则转字符串拼接，其他算术运算转数字，逻辑判断依据真/假值转换，==会进行类型转换而===不会；对象通过ToPrimitive规则转原始值，优先调用valueOf，再toString，可自定义Symbol.toPrimitive；==存在陷阱如null==undefined为true，"0"==false为true，建议使用===避免错误。&l
-
答案：构建WebAudioAPI音频可视化器需创建AudioContext，获取音频源并连接AnalyserNode，通过其fftSize、smoothingTimeConstant等参数调节数据精细度与平滑度，利用Canvas实时绘制频率或波形图，并根据音频源类型（如<audio>标签、文件读取、麦克风输入）适配不同接入方式，结合requestAnimationFrame优化性能，实现响应式布局与用户交互控制，提升整体流畅性与体验。
-
flex-wrap不换行主因是父容器宽度不足或子项尺寸被锁死；gridauto-flow:dense不控制换行，换行由grid-template-columns与wrap配合实现；Flex换行属溢出补救，Grid换行属网格预分配。
-
HTML注释通过<!--和-->包裹内容，用于添加不显示的说明文字，提升代码可读性与维护效率。
