-
sepia滤镜是叠加固定比例棕褐色蒙版而非调暖色，不改变色温或色相环；hue-rotate才是直接旋转色相环实现冷暖调节，二者组合需注意顺序与强度控制。
-
flex元素右侧堆叠的本质是「剩余空间左对齐」，通过给目标元素设margin-left:auto实现，它仅作用于指定元素且需父容器为flex布局；多个右对齐元素应只给首个加该样式，其余自然跟随排列。
-
acid滤镜不存在，酸性风格需hue-rotate()、saturate()、contrast()高频抖动+动画控制，配合形变与遮罩，并依赖深色基底。
-
直接修改.form-check-input[type="checkbox"]:checked的background-color无效，因Bootstrap5用SVG背景图模拟滑块；需覆盖background-image（含URL编码颜色）、box-shadow、border和background-color等关键属性，并添加touch-action:manipulation和cursor:pointer提升移动端响应。
-
z-index仅对position为relative、absolute、fixed或sticky的元素生效；其比较受限于层叠上下文，子元素z-index只在自身上下文中有效，不跨上下文比较。
-
JavaScript模块通过export导出、import导入，支持命名导出/导入和默认导出/导入，可重命名、批量转发；路径需带扩展名或./开头，浏览器需type="module"，Node.js需配置"type":"module"或.mjs后缀。
-
闭包本身不会导致内存泄漏，但不当持有对闭包中变量的外部引用会使本该被回收的变量持续存活。关键在于闭包捕获了不该长期持有的大对象或DOM引用，如全局变量持有闭包、事件监听器未解绑、定时器未清除、缓存使用不当等。
-
高分屏下<img>模糊主因是浏览器用低分辨率图强行拉伸填充CSS像素区域，触发双线性插值致边缘发虚；根本解法是用srcset+sizes让浏览器按设备像素比自动选对图源，并配合image-rendering等CSS控制重采样。
-
首先确保使用文本编辑器将HTML爱心代码保存为.html文件，如"love.html"，并防止系统添加.txt后缀；接着可通过专业代码编辑器如VisualStudioCode保存文件后在浏览器中打开预览；也可直接双击已保存的HTML文件或右键选择浏览器打开，若代码无误，浏览器将显示红色爱心动画即表示运行成功。
-
分代回收是基于对象存活规律的工程优化：短命对象应快速回收，长命对象应稳定驻留老年代，通过分代减少全堆扫描开销，并需针对性编写代码与配置参数。
-
必须用toLowerCase()统一转小写再比较，因==严格区分大小写，“React”≠“react”；需双侧调用并防null/undefined，推荐tag?.toLowerCase()===query?.toLowerCase()。
-
Notepad++编辑HTML需三步避坑：①保存编码选“UTF-8无BOM”，否则DOCTYPE前隐含字符致怪异模式；②图片/CSS路径须相对于HTML文件位置，非编辑器路径；③file://协议下必须Ctrl+F5强制刷新，或起本地服务http://localhost:8080。
-
TailwindCSS构建慢的主因是JIT配置错误或content扫描失控：v3+已默认启用JIT，须删除mode:'jit'；需确认版本≥3.0.0且无@tailwindcss/jit；content必为数组、路径精准覆盖所有class使用处；NODE_ENV=development和TAILWIND_MODE=watch缺一不可；@apply和动态class需符合静态分析要求。
-
text-orientation必须与writing-mode配合使用，仅设text-orientation无效；mixed是中英混排竖排的默认推荐值，使汉字直立、ASCII字符顺时针旋转90°，符合出版规范。
-
迭代器组合是将异构数据源统一为惰性可遍历序列，并通过chain、zip、flat_map等操作符构建按需拉取流水线的核心手段，强调惰性、错误隔离与资源清理。
