-
纯CSS无法生成真正随机颜色，因@keyframes和transition只能按预设序列循环，无法每次触发时重新计算；必须由JavaScript调用Math.random()生成合法hex或HSL值，并通过CSS变量注入样式。
-
align-items:flex-end在flex布局中文字底部对齐失效，主因是父容器无明确高度、文字未包裹在块级元素内、或存在干扰样式；推荐用flex-direction:column配合margin-top:auto实现更可靠底部对齐。
-
copyWithin()是数组原地复制方法，不创建新数组、不触发内存分配，通过arr.copyWithin(target,start,end)实现重叠安全的高效位移；target为复制目标起始索引（支持负数），start/end定义左闭右开源区间，默认start=0、end=arr.length。
-
DOM是浏览器将HTML转换成的JS可操作对象树，以document为根节点，包含元素、文本等节点；应优先用querySelector、classList、textContent等现代API安全高效操作。
-
CSS动画由浏览器合成器独立线程处理，性能更优，适合简单预设动画；JavaScript动画通过代码精确控制帧逻辑，灵活性高，适合复杂交互场景。
-
form的enctype属性到底该设成什么浏览器提交表单时用什么编码方式，完全由form元素的enctype属性决定，不是由页面或HTTP头控制的。它只影响表单数据如何被序列化发送，和服务器端怎么解析直接挂钩。enctype="application/x-www-form-urlencoded"（默认值）：所有字段名和值都会被URL编码（空格→%20，中文→%E4%BD%A0等），拼成类似name=%E4%BD%A0&file=&city=shanghai的字符串。适合
-
直接用animation+width模拟打字机不靠谱，因中英文混排、字体变化或响应式场景下width像素值失准；真正可控的是字符数，ch单位配合CSS计数器与content渲染才能严格对齐。
-
弱引用缓存通过WeakValueDictionary、WeakKeyDictionary和weakref.ref实现自动清理，避免阻碍对象回收；需确保类支持弱引用，即含__weakref__属性或未用__slots__限制。
-
preload="none"并非完全不加载，而是延迟加载——仅当video已插入DOM、src已设且未调load()、用户未触发播放时才真正省流量，适合非首屏或低点击率视频。
-
ESLint是主流JavaScript代码质量检查工具，通过自动检测语法错误、强制编码风格、识别危险写法并集成到编辑器/Git/CI实现全流程约束。
-
lessc默认编译慢是因为默认开启源码映射、严格语法检查及每次重复解析全部@import依赖树；watch卡住因监听粒度粗，递归扫描含node_modules的无关文件；输出冗余因未压缩、不合并选择器；API调用比命令行更可控但需手动缓存。
-
使用auto-fit和minmax()结合CSSGrid创建响应式导航，配合mediaquery在小屏下调整为单列布局，确保各设备上均有良好体验。
-
块级元素不设width时自动撑满父容器是CSS规范强制的计算规则，而非模糊默认行为；其宽度由包含块contentbox宽度减去margin、border、padding得出，与内容是否为空无关。
-
background-attachment:fixed在现代桌面浏览器中虽能工作，但常因祖先元素的transform/opacity/filter创建新层叠上下文而退化为relative锚定，且iOSSafari等完全不支持，推荐用position:fixed独立div或伪元素模拟以确保兼容性。
-
HTML5中download属性对video标签无效是浏览器策略限制；仅当a标签href为静态同源视频URL时有效，跨域或动态src需用fetch+Blob方案实现下载。
