-
JavaScript中所有数字都是Number类型，底层用IEEE754双精度浮点数表示，因此无法精确表示大多数十进制小数，如0.1+0.2!==0.3是设计所致而非bug。
-
十六进制颜色难读因不直观表达色相、亮度或饱和度，需人脑反向解码；rgb()在微调明暗、动态控透明度、对接设计工具时更易维护，但需注意空格规范、数值范围及单位混用问题。
-
JavaScriptCanvas绘图需先获取2D上下文，再按步骤绘制矩形或路径图形，并预先设置样式；所有操作须在DOM加载后执行，且注意上下文有效性与状态管理。
-
应系统性禁用所有CSS动画与过渡，并通过media查询、样式重置及JS监听降级实现无障碍动效优化。
-
本文详解ReactRouter中因服务端响应格式不匹配导致的EditTodo页面无限加载问题，重点分析useEffect依赖缺失、空状态处理不当及API响应结构误判等核心原因，并提供可立即落地的修复方案。
-
合理使用gap、justify-content和mediaquery可实现响应式布局间距控制。gap用于设置Flexbox和Grid容器内子元素的间距，避免margin计算复杂；justify-content调整主轴上元素的分布方式，影响视觉疏密；结合mediaquery在不同屏幕尺寸下动态调整gap和对齐方式，如移动端用小间距居中排列，桌面端增大间距并分散对齐，提升可读性与美观度。通过三者协同，可在各种设备上保持良好布局节奏。
-
auto-fill未填满容器是因为它只尽可能多地重复满足最小宽度的轨道，不主动撑满；受父容器限制、box-sizing、minmax最小值设定及viewport影响。
-
最稳的纯HTML转MP4方案是Puppeteer逐帧截图+FFmpeg合成：先用无头浏览器加载HTML并精准控制时序截图（需networkidle0、固定分辨率、PNG格式），再以匹配帧率和yuv420p格式用FFmpeg合成MP4；html2canvas等方案无法支持动画、WebGL及音视频，仅适用于静态快照。
-
parseInt截断小数并按radix解析整数，parseFloat提取完整浮点数，Number()和一元加号严格转换且对杂质零容忍。
-
link标签必须放在head里，否则会延迟CSS加载导致重排和闪屏；href路径需相对HTML文件，rel="stylesheet"不可省略，type="text/css"可删除，加载顺序影响样式覆盖。
-
使用display:flex和align-items:center可使标题与按钮在同一行垂直居中，通过gap控制间距，清除默认margin并统一line-height避免错位，结合flex-wrap:wrap支持响应式换行，确保布局在不同屏幕下均对齐良好。
-
可通过浏览器控制台、页面元素、服务器存储和本地存储四种方式实现HTML5程序日志生成。首先使用console.log()等方法输出日志至开发者工具；其次将日志写入指定DOM元素，便于实时查看；然后通过Ajax将包含时间戳、级别、内容等信息的日志发送至服务器持久化存储；最后利用LocalStorage或SessionStorage临时保存日志，并支持导出，确保日志可追溯且不丢失。
-
animation-duration用于设置动画周期时长，语法为animation-duration:时间值；需配合@keyframes和animation-name使用，如animation-duration:2s表示动画持续2秒，常见取值有1s、0.3s、5s等，默认值为0s动画不播放。
-
transition-delay需≥transition-duration才能实现连贯往返效果，推荐设为duration×2；必须写在默认状态而非:hover中；在@keyframes中无效，应改用animation-delay。
-
答案：构建WebAudioAPI音频可视化器需创建AudioContext，获取音频源并连接AnalyserNode，通过其fftSize、smoothingTimeConstant等参数调节数据精细度与平滑度，利用Canvas实时绘制频率或波形图，并根据音频源类型（如<audio>标签、文件读取、麦克风输入）适配不同接入方式，结合requestAnimationFrame优化性能，实现响应式布局与用户交互控制，提升整体流畅性与体验。
