-
最简可用加载动画需满足：名字唯一，且含from和to（或0%/100%）；绑定到真实元素并确保其可见、有尺寸；用transform:rotate()而非left/top；JS控制启停以对齐请求节奏。
-
Materialize卡片无阴影通常因CSS未加载或HTML结构错误：需确认引入了正确版本的MaterializeCSS文件，检查卡片元素是否使用小写class="card"并符合标准结构，排除CSS冲突或重置影响。
-
根本原因是渐变背景与文字颜色对比度不足（低于4.5:1），导致文字陷于暗区或亮区；应主动用background-blend-mode、伪元素+backdrop-filter等方案提升可读性，并通过工具校验WCAG对比度。
-
本文整理一套前端表单重复提交防护工作流，从按钮状态、加载提示、请求取消、幂等键、错误恢复到复查指标，帮助提交类页面减少重复订单和重复保存。
-
document.cookie读写需严格遵循字符串格式与元信息规则：读取时需处理分隔符、解码及空格；写入须声明完整属性；删除靠伪造过期；HttpOnlycookie无法被JS访问。
-
rgba()支持透明通道且仅影响当前颜色属性，#hex不支持透明（除新标准8位扩展但兼容性差）；rgba()第四参数为0–1小数，需先转RGB再加alpha；IE8及以下需fallback写法；透明背景需同步保障文字对比度。
-
CSS选择器能作用于动态元素，是因为浏览器在DOM更新后自动重新匹配样式。当JavaScript添加新元素时，只要其结构符合CSS规则，渲染引擎便在样式重算阶段为其应用对应样式，结合继承机制与实时渲染流程，确保视觉一致性。
-
用DevTools选中元素需点击「选择元素」图标（或Ctrl/Cmd+Shift+C）后单击目标，不可拖拽；修改HTML仅影响内存DOM，刷新即还原，非源文件变更。
-
超时Promise必须用reject触发，确保race状态为rejected以便catch明确捕获；每次请求需新建独立timeout实例；应自定义TimeoutError类并用instanceof判断；配合AbortController中断fetch请求，abort后统一转为TimeoutError。
-
fixed定位适合做真正“不随滚动移动”的全局UI元素，其基准是视口，脱离文档流且不受父容器transform等影响，但需注意iOS软键盘错位、AndroidWebView异常及overflow裁剪失效等问题。
-
Bun提供了基于ReadableStream的高效文件流式读取能力，配合TextDecoder和手动换行分割，可实现内存友好的逐行处理，避免加载整个文件到内存，完美替代Node.js中readline模块的用途。Bun提供了基于`ReadableStream`的高效文件流式读取能力，配合`TextDecoder`和手动换行分割，可实现内存友好的逐行处理，避免加载整个文件到内存，完美替代Node.js中`readline`
-
主线程卡顿主因是高频同步缓存操作与渲染强耦合。应通过Performance面板定位>50ms的LongTask，检查localStorage/JSON操作是否密集出现在ScriptEvaluation中，并用UserTiming打点量化耗时，单次parse超15ms即属高风险。
-
Symbol.hasInstance是用于自定义instanceof行为的内置symbol，需在构造函数上定义返回布尔值的函数，优先于原型链检查，仅影响instanceof。
-
模板字面量类型真正落地的价值在于编译期捕获路径参数类型错误并支持IDE自动提示合法路径；需结合条件类型+infer递归解析占位符，精确推导RouteParams为对象字面量而非Record，且须与useParams等Hook深度集成。
-
html5play函数根本不存在，它是对HTMLMediaElement.play()的误记或杜撰；正确做法是用URL.createObjectURL()创建临时URL并由用户手势触发play()。
