-
用<svg>手写迷你折线图最轻量，需直接归一化数据至目标尺寸（如100×20px），用<polyline>绘制，设stroke-linecap="round"和stroke-linejoin="round"保清晰，动态更新仅改points属性，IE11需改用<path>兼容。
-
CSS变量本身不可动画，必须将transition绑定到实际渲染属性（如background-color）上，且需在默认状态声明；--hover-bg仅是存储值的容器，改变它不会触发过渡。
-
HTML无原生“协作人数”语义标签，需用<dl><dt>协作成员</dt><dd>3</dd></dl>结构配合data-team-count="3"属性实现语义化与机器可读。
-
animation-delay不控制停留而是决定动画开始时间；停留靠animation-duration与关键帧中静止段占比实现，如30%–70%设相同位置可获40%时长的停留效果。
-
并发读取多文件局部字节块本身不直接加速哈希签名，真正提速在于I/O与CPU解耦、多核并行及规避主线程阻塞，关键依赖“分片+Worker+零拷贝”协同。
-
light-dark()不是标准CSS函数，Chrome125+/Safari17.4+仅有限支持且需手动启用或受限属性，Firefox及旧版浏览器静默忽略；赋值给CSS变量会失效，因计算结果不响应主题切换；唯一可靠方案是@media(prefers-color-scheme)。
-
不能直接用watch监听Pinia状态同步到数据库，因浏览器无法直连数据库且watch无网络能力；应通过$subscribe标记变更、防抖后调用API由后端落库，并结合本地持久化与服务端校验保障一致性。
-
本文介绍如何扩展表格搜索功能，使其支持匹配<a>标签的href属性值，并在子行匹配时自动显示其所属的父行（无需id依赖），通过修改文本提取逻辑与层级遍历实现精准过滤。本文介绍如何扩展表格搜索功能，使其支持匹配``标签的`href`属性值，并在子行匹配时自动显示其所属的父行（无需`id`依赖），通过修改文本提取逻辑与层级遍历实现精准过滤。默认的表格搜索仅遍历单元格的可见文本（textContent），因此无法捕获<
-
flex布局中三段式工具栏需用margin:auto实现分离：左区margin-right:auto，右区margin-left:auto，中间自然居中；避免float、absolute及display:none导致的兼容与响应问题。
-
错位主因是line-height用了带单位的值（如24px）或字体栈不统一，导致缩放时行高与基线不同步；应改用无单位line-height（如1.5）并统一font-family。
-
直接用canvas合并图片会丢失EXIF信息和颜色配置，因为浏览器加载<img>标签时默认解码为无元数据的RGB位图，ICC配置、Orientation标记、GPS数据等全部被丢弃；即使drawImage绘制后调用toDataURL或toBlob，输出仍是无元数据的“裸图”，这是规范行为而非bug。
-
Cycle.js基于函数式响应式编程，将应用视作纯函数，输入为事件流，输出为DOM更新；通过RxJS实现响应式数据流，以流变换取代手动状态管理；主函数main(sources)=>sinks无副作用，逻辑集中；驱动（如DOM、HTTP驱动）处理I/O，形成“源→主函数→汇→驱动→源”的闭环响应循环，提升可预测性与可维护性。
-
Node.js脚本需以#!/usr/bin/envnode开头才能作为命令行工具运行，否则会被shell错误解析；process.argv[2]起为用户参数，需手动解析短选项合并、等号/空格两种写法。
-
gap仅在flex或grid容器上生效，控制直系子元素间间隙；单值设统一间距，双值首为行距、次为列距；不与margin合并，但可叠加；需用padding或margin处理首尾留白。
-
虚拟DOM通过JavaScript对象模拟真实DOM，利用Diff算法比较新旧节点差异，实现最小化更新。其核心是避免频繁操作耗性能的真实DOM，采用同层比较、类型变化重建、key优化列表等策略，将复杂度降至O(n)，并通过批量更新提升渲染效率。
