-
根本原因是标记未真正注册成功；需满足名称合法、调用已执行且未被clearMarks清除，常见问题包括构建工具误删、变量拼接命名、异步时序错乱及IE11兼容性限制。
-
水波纹动画不必强制使用::after或::before，但伪元素最稳妥；需父容器relative定位、content:""、translate(-50%,-50%)居中，JS计算点击相对坐标，搭配cubic-bezier缓动与animation-fill-mode:forwards。
-
必须用display:none才能让元素彻底消失、不占位、不影响布局；visibility:hidden仅透明化但保留盒模型参与布局，opacity:0仍可交互且性能开销最大。
-
sepia滤镜是叠加固定比例棕褐色蒙版而非调暖色，不改变色温或色相环；hue-rotate才是直接旋转色相环实现冷暖调节，二者组合需注意顺序与强度控制。
-
flex元素右侧堆叠的本质是「剩余空间左对齐」，通过给目标元素设margin-left:auto实现，它仅作用于指定元素且需父容器为flex布局；多个右对齐元素应只给首个加该样式，其余自然跟随排列。
-
acid滤镜不存在，酸性风格需hue-rotate()、saturate()、contrast()高频抖动+动画控制，配合形变与遮罩，并依赖深色基底。
-
text-orientation必须与writing-mode配合使用，仅设text-orientation无效；mixed是中英混排竖排的默认推荐值，使汉字直立、ASCII字符顺时针旋转90°，符合出版规范。
-
迭代器组合是将异构数据源统一为惰性可遍历序列，并通过chain、zip、flat_map等操作符构建按需拉取流水线的核心手段，强调惰性、错误隔离与资源清理。
-
虚拟滚动在iOS移动端存在兼容性问题，主因是WebKit异步提交策略导致scroll事件在惯性滚动中延迟或不触发；需添加-webkit-overflow-scrolling:touch、合理设置容器尺寸与阈值，并结合touchmove监听和requestAnimationFrame增强感知。
-
createRenderer是Vue3实现平台无关渲染的核心入口，通过注入标准化rendererOptions接口（如createElement、insert、patchProp等）动态生成适配DOM/Canvas/Worker/SSR等环境的渲染器，render函数与createApp均基于该接口解耦实现。
-
Canvas绘图失败、事件无响应的三大主因：未调用getContext("2d")获取绘图上下文；width/height误设为CSS样式而非HTML属性；点击坐标未通过getBoundingClientRect()换算。
-
Set适合识别元素级增删差异（如A-B、B-A）、判断无序去重后是否相等，但无法处理位置变化、重复次数、嵌套结构或生成补丁，也不能替代虚拟DOM的树结构Diff算法。
-
采用CRDTs实现数据一致性，以Yjs+WebSocket+ProseMirror构建协作编辑器，通过增量同步与presence消息实现实时协作与状态感知。
-
卡片悬浮提示效果中，CSStransition能让提示内容的出现和消失更自然，避免生硬跳入跳出。通过控制透明度、位移或高度等属性的渐变过程，实现平滑动画。透明度渐显（Opacity+Visibility）常用于工具提示或隐藏信息的淡入淡出效果。初始状态设置为完全透明且不可见，鼠标悬停时变为可见并逐渐显现。示例代码：.card-tooltip{ opacity:0; visibility:hidden; &
-
required属性仅对text、email、number、date、checkbox、radio、file、select和textarea等可输入/可选值控件有效，对hidden、button、image、range、color及自定义封装组件可能失效；其空值判定逻辑因type而异，且不拦截JS主动提交，不能替代后端验证。
