-
在async函数中，若在作用域内重复声明同名变量（如constdata），会遮蔽外部let声明的数组，导致后续调用push()时因data指向JSON对象而报错“pushisnotafunction”。
-
max-width是宽度上限（天花板），min-width是宽度下限（地板）；二者共同为auto宽度划定安全区间，可共存实现弹性约束。
-
不能。CSS.supports()是JavaScriptAPI，必须在JS执行环境中调用，无法在JS运行前使用，因其依赖JS引擎初始化、全局对象就绪及DOM解析完成；应改用CSS的@supports规则实现早期能力检测。
-
直接写background-color:#f0f0f0会导致主题切换困难、深色模式不响应、组件复用性差，因该属性不支持条件逻辑，必须用CSS变量（如--placeholder-bg）配合@media(prefers-color-scheme:dark)实现自动适配。
-
必须在<html>上设dir="rtl"才能确保整页RTL正确生效，否则<input>光标、Tab焦点流、flex主轴起点、滚动条位置等均会错乱；局部加dir="rtl"仅影响该元素内UBA上下文，不改变表单控件行为与布局逻辑。
-
本文介绍在PHP后端对数据库查询结果进行字母序排序后渲染下拉菜单的方法，通过usort()配合飞船运算符实现全名（姓+名）升序排列，确保前端<select>显示整洁、可读性强。
-
要实现在网页上触发电话拨号功能，最直接的方式是使用tel:URI协议。1.通过HTML的<a>标签实现：如<ahref="tel:+8613800138000">拨打客服电话</a>，在移动端点击链接会自动跳转至拨号界面；2.使用JavaScript和window.location.href动态触发拨号，例如通过按钮点击事件执行window.location.href='tel:13812345678'。tel:协议之所以是最佳实践，是因为其标准化、兼容性强、用户体验一
-
HTML本身无“函数加载”概念，所谓“加载慢”实为JS执行卡顿、DOM阻塞、资源延迟或渲染拖累；document.write()会清空文档流、中断解析，已被废弃；动态插入应改用innerHTML或append；SSR/模板中禁用document.write；视觉更新须用requestAnimationFrame对齐刷新率；preload仅用于确定即用资源，避免误用抢占带宽；真卡顿常源于批量DOM操作、强制回流或DevTools深度日志，优化前应录Performance分析主线程瓶颈。
-
本文介绍一种标准、非hacky的方案，通过监听mousedown和mouseup事件并比对event.target，准确判断用户是否在同一DOM元素上完成完整点击动作，从而避免子元素拖拽式误触发父元素点击。
-
SVG缩放由viewBox、width/height和preserveAspectRatio共同决定；缺viewBox会导致像素拉伸失真，preserveAspectRatio控制对齐与裁剪，响应式推荐用height="auto"或CSSaspect-ratio锁定容器比例。
-
HTML邮件开发中唯一可靠的是表格布局标签（<table><tr><td><th>），配合内联CSS、<font>字体控制及兼容性处理，因主流邮箱客户端渲染引擎陈旧且差异极大。
-
移动端无hover状态，应使用:focus-within配合可聚焦链接实现兼容方案，并用visibility/opacity/pointer-events组合控制显隐与可访问性。
-
JavaScript国际化依赖Intl对象进行数字、日期、货币等格式化，不处理文本翻译；需结合ICU消息格式资源包、语言检测与动态切换逻辑实现完整本地化。
-
Lighthouse评分与真实HTML性能感受不一致，因其基于静态分析和模拟加载判断，用HTML体积、内联资源、阻塞脚本等代理指标替代真实渲染速度；实际首屏体验更取决于TTFB、CDN缓存、服务端渲染效率及未标记async的脚本执行。
-
结论：index.html本身不处理404，真正决定是否返回404的是服务器或托管平台对请求路径的匹配逻辑；SPA需通过fallback配置（如Nginx的try_files、Netlify的200重写）将未命中请求交由index.html处理，使前端路由接管，且必须排除API等真实接口路径。
