-
虚拟列表通过仅渲染视口及缓冲区节点、用height占位、滚动时仅更新transform和局部DOM来解决长列表卡顿；需固定行高或缓存高度、精准位置计算与动态挂载/卸载。
-
基准条件是递归函数安全返回的唯一出口，必须覆盖所有输入终点且参数须单调趋近；如阶乘中n==0或n==1因数学定义和不可分性成为正确基准，错写将导致失控递归。
-
直接写border-left不腾空间，文字贴边需用padding-left推开；cite仅表作品标题，作者信息应放footer；深色模式用@mediafallback配紫调边框；嵌套引用要重置margin、box-sizing和移动端适配。
-
ToPrimitive转换分三步：先检查Symbol.toPrimitive方法，存在则优先调用；若无，则按hint类型决定valueOf/toString调用顺序（"string"先toString，"number"/"default"先valueOf，但Date的"default"例外走toString）；任一方法返回原始值即终止，否则报TypeError。
-
FIMOHTML默认不包含画板名称，因其输出逻辑未将motif_id映射为DOM属性，仅用无语义的自增ID（如fimo-plot-0）；需通过后处理（如Python+BeautifulSoup）结合TSV表格注入data-motif-id属性。
-
HTML页面缓存必须由服务端HTTP响应头（如Cache-Control、Expires）控制，meta标签无效；因浏览器不解析metahttp-equiv缓存指令，且缓存决策发生在HTML解析前，CDN与代理也忽略meta。
-
<keygen>标签已被所有主流浏览器彻底移除，HTML标准标记为obsolete；因其私钥存储无规范、公钥传输无加密、密钥用途模糊三大硬伤被废弃，推荐用WebCryptographyAPI或WebAuthn替代。
-
Less编译后无法跳转到.less源文件，根本原因是sourcemap路径未对齐或未被识别：需在less-loader中显式配置sourceMap:true，确保css-loader也开启sourceMap，并验证sourceMappingURL路径可解析、.less文件被开发服务器托管且VSCode工作区路径匹配。
-
Intl.Segmenter是基于语言习惯的语义分段API，需按locale和granularity精确配置以支持中文词、日文助词、泰语无空格等场景，并结合偏移量构建索引，混合文本应分区处理，兼容性不足时降级为空格/标点分割。
-
<img>不加alt会导致浏览器渲染失败、屏幕阅读器无法播报、SEO权重下降；alt是语义必需项，纯装饰图应设为alt=""，链接中的图片需说明目标。
-
返回顶部功能需用window.scrollTo({top:0,behavior:'smooth'})，确保顶部有id="top"元素、链接href为#top、JS中调用event.preventDefault()；按钮显隐应requestAnimationFrame节流并用display控制，避免iOS兼容问题。
-
Symbol是JavaScript中用于创建唯一不可变标识符的基本类型，核心用途是避免属性名冲突、实现软私有属性、支持全局共享（Symbol.for）及自定义对象行为（如Symbol.iterator）。
-
构建时注入环境变量控制CSS行为，Vite通过define传入Sass变量并用@if条件编译，Webpack配合DefinePlugin与sass-resources-loader实现；CDN路径须由JS动态加载或CSS变量管理，禁用运行时JS切换以防FOUC和SSR不一致。
-
position:sticky在移动端失效主因是父容器设置overflow:hidden/auto/scroll而切断锚定链；媒体查询中改position类型会导致布局跳动；z-index受层叠上下文限制；兼容性差时应优先用IntersectionObserver模拟。
-
直接用@each遍历map生成边距类更安全语义化；@for仅提供数字索引，无法映射语义名、易致单位拼接错误、难扩展负边距与响应式，且后续调整需重写逻辑。
