-
charAt()是ECMAScript3标准方法，IE6–8等旧环境原生支持，而str[i]在其中返回undefined或报错；其对负数或越界索引均统一返回空字符串""，语义明确、行为稳定。
-
在基于CSS动画的简易横版跳跃游戏中，为角色添加“蹲下”功能时，若未正确设置定位上下文，可能导致障碍物位置异常偏移；根本原因在于position:relative的父容器缺失，使子元素的top动画产生全局位移干扰。
-
浏览器右键“另存为”仅保存HTML文档本身，不包含CSS、JS、图片等外部资源，导致样式错乱、功能失效；Chrome/Edge默认保存为“Webpage,Complete”但受限于同域和静态资源，Firefox默认仅保存HTML；curl/wget适用于获取原始HTML源码，Puppeteer可保存JS渲染后的完整DOM。
-
在Vue2中，直接修改数组中对象的属性（如item.price=...）不会触发视图更新；必须用this.$set显式通知Vue数据变化，且需作用于响应式数组的索引位置，而非对象内部。
-
分代回收源于对真实堆快照的统计规律：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使用不当等均会导致报错或失效。
