-
应避免滥用<hr>，它仅适用于主题段落间的语义分隔；多数视觉分隔需求应使用<divclass="divider">配合CSS实现，兼顾样式可控性、可访问性与暗色模式支持。
-
Math.min(...prices)可快速获取价格数组最小值，但需先过滤合法数字（typeof为number且isFinite），空数组时应兜底返回null；异步场景须等待数据就绪；折后价需先map再取最小；超千项建议用reduce避免栈溢出。
-
<p>data-*属性必须用短横线分隔，不能用驼峰；dataset是只读的DOMStringMap，修改需用setAttribute()；获取值恒为字符串，需手动类型转换；含下划线等非法字符或需保留空白时应使用getAttribute()。</p>
-
使用grid-template-columns:repeat(auto-fill,minmax(280px,1fr))可实现卡片平均、响应式排列，浏览器自动计算每行列数并保持宽度一致；auto-fill预留空列，minmax定义弹性范围，配合grid-gap和语义化结构即可高效布局。
-
TailwindCSS不提供scroll-smooth类，生效需直接设置html{scroll-behavior:smooth;}，并确保href与id严格一致、目标元素已渲染、无display:none、且兼容浏览器支持。
-
严格模式是让JS引擎立即报错的开关，不新增语法，仅将静默失败等行为转为明确错误；启用需在脚本顶部或函数体首行写"usestrict"字符串，ES模块默认启用，但CommonJS和传统script仍需手动添加。
-
必须为::before/::after设content:""、position:absolute，button设position:relative且z-index:0，伪元素加z-index:1和pointer-events:none；动画用transform（非width/height），延迟用transition-delay，移动端加-webkit-tap-highlight-color:transparent并避免过短时长。
-
email类型的input元素触发浏览器原生基础格式校验：必须含@且前后均有非空字符，不验证域名真实性或邮箱可用性；校验发生在表单提交或调用checkValidity()时，移动端自动切换email键盘。
-
答案是掌握WebAudioAPI需理解音频节点连接、实时分析与图形同步。通过创建振荡器、滤波器等节点并连接形成处理图，结合AnalyserNode提取频谱或时域数据，再利用Canvas实现频谱柱状图等可视化，使用requestAnimationFrame持续更新画面，可构建动态音频应用。注意采样率影响与性能优化。
-
不推荐使用<metahttp-equiv="refresh">，因其强制整页重载，会丢失表单、破坏历史、引发重复提交，且无法携带认证信息、不支持动态间隔；应改用setInterval+fetch轮询或EventSource/WebSocket推送。
-
CSS选择器权重按ID位、类位、标签位三级“位值”模型逐位比较，非十进制加法；ID位相同则比类位，类位高者胜，与标签数量无关；:not()、属性选择器等隐含类位，内联样式为(1,0,0,0)；!important不改变权重，仅提升应用优先级。
-
Proxy是JavaScript中用于创建代理对象的构造函数，可拦截并自定义对目标对象的操作。通过handler中的陷阱（如get、set、has等），能实现属性读取监控、数据验证、属性存在性控制等功能。例如使用set陷阱可在赋值时校验数据类型，确保age字段为数值且在合理范围内，从而实现响应式更新或数据保护机制。
-
图标在高DPI屏幕发虚的根本原因是字体引擎对小字号非整数缩放的抗锯齿处理不一致，尤其受macOS与Windows渲染差异影响；实操应避免font-size缩放、改用transform缩放、重置图标font-size继承、SVG中显式声明currentColor、iOS下启用硬件加速并避免错误字体平滑设置。
-
HTML表单提交不会触发跨域限制，因其本质是导航请求而非AJAX；但提交后无法通过JS获取响应数据，需改用fetch并配合CORS或iframe方案（不推荐）。
-
清除浏览器缓存可解决页面显示异常，方法包括：一、通过设置清理缓存，选择“所有时间”并勾选“缓存的图片和文件”；二、使用Ctrl+F5（Windows）或Cmd+Shift+R（Mac）强制刷新页面；三、开发者工具中勾选“Disablecache”实时禁用缓存；四、手动删除系统中的浏览器缓存文件夹以彻底清除旧数据。
