-
VueRouter的通配符/:pathMatch(.*)*无法捕获已匹配动态路由（如/movie/:id）的非法参数请求，需结合参数正则约束、服务端响应拦截与路由守卫实现真正可靠的404处理。
-
闭包不是IndexedDB游标内存压力的直接原因，真正问题是游标遍历中意外长期持有大对象引用；需检查onSuccess回调是否缓存value、事务生命周期是否错配、continue()是否被阻断、以及批量处理时是否过度暂存数据。
-
表单提交必须先调用event.preventDefault()阻止默认行为再校验，否则校验无效；邮箱用/^\S+@\S+.\S+$/、手机号用^1[3-9]\d{9}$即可；正则前需trim()；密码等业务规则前后端均需校验；实时校验要防抖；blur时必校验；错误提示须绑定具体字段并支持无障碍。
-
分代回收源于对真实堆快照的统计规律：98%的新对象活不过一次MinorGC；其核心是对象存活率分布，而非算法本身，JVM、V8、CPython均据此划分年轻区以提升回收效率。
-
Grid容器遵循标准盒模型，但子项尺寸由网格轨道和对齐属性共同决定，而非自身width/height；fr单位分配剩余空间，子项stretch时width被忽略，需用align-self:start等显式控制。
-
Array.prototype.with并不存在于ECMAScript标准或草案中，是常见误解；目前可靠替代方案是[...arr.slice(0,i),val,...arr.slice(i+1)]或arr.map((item,idx)=>idx===i?val:item)。
-
html-webpack-plugin的templateParameters仅传递JSON-safe数据，需在模板中显式声明初始化逻辑（如挂载window.__INIT_DATA__），JS插件监听DOM就绪后读取并执行，不可直接传函数或DOM引用。
-
toRefs是解决Vue3对象解构后响应式丢失的标准方案，它将reactive对象的每个属性转为ref，保持双向同步；因Proxy只代理整个对象，解构会脱离追踪，故需toRefs包裹后再解构。
-
<dir>标签在HTML5中已被彻底移除，HTML4.01起已废弃；应使用<ul>替代，并通过CSS控制样式，dir属性（文本方向）与此标签无关且仍有效。
-
Reset按钮可恢复表单初始状态，通过HTML属性与JavaScript结合实现确认提示、部分重置及自定义逻辑，提升用户体验与控制力。
-
记事本编辑HTML文件必须用UTF-8编码并确保扩展名为.html。常见错误是保存为ANSI编码或index.html.txt，导致中文乱码、无法打开或浏览器不更新；务必用“另存为”，手动输入带引号的"index.html"，并开启系统扩展名显示以确认。
-
visibilitychange事件需主动监听并兼容旧浏览器，页面隐藏时应手动清理setInterval、requestAnimationFrame等，恢复时需防重复启动。
-
HTML不是编程语言，它没有逻辑、不处理数据、也不控制流程，仅定义网页结构和内容语义；必须以<!DOCTYPEhtml>和<html>开头确保浏览器正确解析，标签使用需遵循语义规则。
-
@apply是Tailwind的PostCSS编译特性，非标准CSS语法，需经PostCSS处理才能生效；未走编译流程、路径未被content扫描、作用域隔离未声明@reference、@layer使用不当等均会导致报错或失效。
-
flex容器中纯文本不会垂直居中，因文本节点不参与flex布局；需包裹<span>等标签使其成为弹性项，再用align-items:center实现居中。
