-
HTMLvar不是标准HTML、JavaScript或主流前端环境中的合法变量名或API，浏览器不识别，运行时会报ReferenceError；它仅是普通变量名，与HTML无任何关联，常见于误读<var>标签、拼写错误或非标模板。
-
不推荐用clear:both的空div，因其污染HTML结构、无语义、难维护且不利于SEO和无障碍；现代应优先用::after伪元素触发BFC或直接采用Flex/Grid布局。
-
:not(:defined)可为已声明但未定义的自定义元素（如<my-button>）添加临时样式，需满足命名含短横线、CSS加载时机合理，并注意浏览器兼容性及降级方案。
-
插槽内容无法被<keep-alive>直接缓存，必须将需保留状态的逻辑封装为具名组件，再用<keep-alive>包裹该组件而非<slot>；作用域插槽可用于父子通信。
-
用@keyframes+animation实现可控闪烁纯CSS闪烁动画的核心就两步：定义关键帧、绑定到元素。别用text-shadow叠太多层模拟“发光”，容易糊且难调；优先走opacity或text-shadow的明暗变化，更轻量也更易控制节奏。常见错误是直接写animation:blink1sinfinite;却没定义@keyframesblink，浏览器直接忽略动画；或者忘了加animation-fill-mode:forwards;，导致动画结束后文字
-
Provide/Inject是Vue的祖先-后代通信机制，需传递响应式对象（如reactive、ref或computed）才能触发更新；直接解构会丢失响应性，推荐用toRefs或readonly保障响应链完整。
-
使用CSSanimation和@keyframes可实现元素颜色动态变化，通过定义关键帧控制background-color或color属性，结合animation属性应用到目标元素，实现平滑过渡，如背景色由白变蓝、文字由灰变红，并可通过forwards保持最终状态，支持多属性同时动画与无限循环，配合缓动函数优化视觉效果。
-
猎豹浏览器HTML5视频花屏主因是硬件解码调度失控或配置冲突。可禁用加速视频解码、清理GPUCache、关闭广告过滤或强制软解排查。
-
jQuery的detach()方法移除DOM元素但保留事件和数据，原生JavaScript可通过保留节点引用并重新插入模拟该行为，但addEventListener绑定的事件通常随节点移除而丢失，需手动缓存或重新绑定。
-
Puppeteer是录制HTML动画为视频最稳方案，需正确配置headless模式、等待元素挂载、禁用滚动、强制图层合成、手动控制Canvas帧节奏，并用FFmpeg修复帧率与时间戳问题。
-
HTML5manifest文件已被主流浏览器废弃，因AppCache存在设计缺陷且不可控；应改用ServiceWorker实现可控离线缓存，需HTTPS、正确注册及自定义缓存策略。
-
:nth-child(odd)和:nth-child(even)不生效是因为按物理位置计数，非同类元素干扰会导致匹配错位；应优先用:nth-of-type或结构优化、class标记、JS辅助等方案替代。
-
可通过JavaScript动态添加下拉选项：先获取select元素，用createElement或Option构造函数创建选项并添加；支持批量添加与重复检查。
-
最轻量纯CSS多重边框方案是border加outline，互不干扰且支持不同样式；需禁用默认outline并提供可访问替代；outline无圆角且offset可调；box-shadow更灵活，支持圆角、虚线及三层以上；IE8需伪元素fallback；响应式与主题适配需媒体查询手动优化。
-
JavaScript链表需手动实现，核心是用对象模拟节点并通过next指针串联；所有操作（访问、修改、插入、删除）必须从头节点遍历，无法随机访问。
