-
oninput内联写防抖无效，因无法维持定时器状态、丢失this和参数、clearTimeout失效，且不支持composition事件处理；必须用addEventListener绑定，并手动处理输入法状态。
-
最直接有效的方法是用CSS的box-shadow配合display:block；需避免overflow:hidden截断阴影，控制v-offset和blur实现贴边效果，圆角或透明图推荐filter:drop-shadow()。
-
TailwindCSS本地加载慢的根源是JIT未生效、content路径遗漏或预构建未包含tailwindcss插件；需确认终端显示“UsingJITmode”，删除purge/mode字段，修正content数组，移除postcss.config.js，并在vite.config.ts中显式配置optimizeDeps.include。
-
navigator.language返回浏览器UI语言的BCP47标签（如"zh-CN"、"en-US"），不能直接当语言代码使用，需转小写、提取主语言码（如"zh"）并校验有效性后方可安全匹配翻译资源。
-
浏览器按DOM顺序线性尝试<source>，首个可解码播放的即被采用，后续全部跳过；顺序错误、type属性缺失或不匹配、服务端MIME不一致，均会导致回退链断裂。
-
应优先选用stylelint搭配postcss-reporter，因其规则细致、支持自定义性能规则（如禁用触发布局的hover、限制!important频次），并可导出JSON/HTML供CI阈值拦截；需手动启用stylelint-performance插件及对应规则，且须将其集成进PostCSS配置链路而非单独运行。
-
浏览器多图上传需设multiple属性和accept="image/*"MIME类型，禁用点号后缀写法；预览优先用URL.createObjectURL()并及时revoke；多组件共存时用class+closest隔离DOM；缩略图布局推荐CSSGrid。
-
生成器适合做任务切片，因其函数天然支持yield暂停与next恢复，精准匹配“执行一点→让出→空闲→再执行”逻辑，比setTimeout/Promise更易控节奏，比WebWorker更轻量。
-
Terser是现代JavaScript压缩的默认选择，UglifyJS因不支持可选链、空值合并等新语法且压缩率低而被淘汰；Webpackv5+已内置Terser，无需安装uglifyjs-webpack-plugin，应通过terserOptions自定义配置。
-
禁用按钮后仍可能触发点击事件，根源在于浏览器事件机制与DOM状态更新的异步性；本文详解其成因，并提供基于运行标志位的可靠防重复执行方案。
-
移动端弹窗margin:auto失效主因是元素缺明确width、受flex干扰或width:100%导致无收缩空间；应设max-width（如90vw）、避免width:100%，慎用transform居中以防软键盘引发偏移。
-
应使用<code>标签包裹短小技术名词（如fetch()），用<pre><code>组合展示多行代码；<code>不保留换行缩进，且HTML特殊字符必须转义。
-
Flex子元素高度不一致主因是父容器高度塌陷、子项设了固定height或min-height、混用float/absolute定位，以及align-content/stretch在多行时的拉伸行为；需确保父容器有高度、子项不干扰flex拉伸、显式设置align-content:flex-start应对多行，必要时改用Grid。
-
HTML5本身没有虚拟DOM，它是React、Vue等框架的JS层实现机制；原生中可通过DocumentFragment、条件更新、classList控制等减少重复渲染。
-
最稳妥方式是在HTML的<head>中用<link>引入GoogleFonts并添加display=swap参数，配合带系统后备字体的font-family兜底链，可有效缓解FOIT/FOUT问题。
