-
重复媒体查询导致维护困难，主要因断点修改需全局替换、样式分散难对齐、编译后冗余膨胀；应抽离断点为变量和@mixinrespond-to($breakpoint)，由调用方传入内容，避免嵌套@media，并统一模块化管理与导入。
-
HTML本身不支持MVVM，需用JavaScript模拟ViewModel层，通过Object.defineProperty（Vue2）或Proxy（Vue3）实现响应式，但前者无法监听新增属性和数组索引操作，后者可全面捕获。
-
点击局部放大必须用JS控制遮罩层显隐、位置及背景偏移，CSS仅负责定位、裁剪与渲染；关键在精确计算坐标、background-position和scale映射，避免因border/padding导致偏移。
-
不能直接用transition动画border画的箭头位移，必须将箭头设为独立伪元素并用transform:translateX()配合transition实现平滑移动，同时需用getBoundingClientRect()获取准确坐标并兼容mousemove/touchmove事件。
-
RGBA和HSLA是CSS中支持透明度的颜色模式，RGBA通过红绿蓝三色加Alpha通道控制透明度，HSLA基于色相、饱和度、亮度并扩展Alpha通道。两者均使用0到1的Alpha值定义透明程度，可精准设置背景透明而不影响子元素。相比opacity，RGBA和HSLA更适用于文字区域半透明、模态框遮罩、卡片悬停等需保留视觉层次的设计场景，推荐结合CSS变量与过渡效果实现灵活美观的透明背景控制。
-
关键是从静态到交互只需用hover和transition重新组织CSS属性：hover定义悬停状态，transition控制变化过程，二者缺一不可；需在默认状态写transition、hover中改对应属性，推荐从按钮练习，注意属性匹配、过渡时间（0.2–0.35s最佳）及触屏兼容性。
-
优先选BEM或CSSModules+BEM，因StyledComponents依赖JS运行时注入样式，在SSR、微前端、邮件模板等场景易失效；BEM无环境限制，CSSModules解决全局冲突，BEM补足语义，二者叠加最佳。
-
是的，shape="poly"坐标按coords中从左到右成对读取为x,y顶点，自动闭合；单位为像素，基于图片固有尺寸；主流浏览器解析逻辑一致，但空格处理有差异；IE有坐标数量截断风险。
-
Getter本身不追踪变化，但能封装复利公式实现按需实时计算；配合响应式系统（如Vue的computed或Proxy）可自动更新，适用于多层级财务表格，但无法处理异步、非线性规则或时间精度等复杂逻辑。
-
不能将断点值塞入BEM修饰符名，因浏览器不识别如@md等后缀，响应式必须由@media显式控制；修饰符只表达状态意图，断点需统一变量管理并由JS监听matchMedia切换类名。
-
text-wrap:nowrap不是标准CSS属性，根本不存在；正确写法是white-space:nowrap，它通过禁止自动换行并合并空格来实现单行显示，需配合width、overflow和text-overflow才能稳定生效。
-
VueRouter路径标准化是初始化时对path字符串的必经清洗处理，包括压缩多斜杠、折叠./..、统一根路径等，确保匹配稳定；它发生在createRouter阶段，由normalizePath()执行。
-
return()方法是迭代协议中保障资源安全释放的关键机制，用于在迭代被提前终止时执行清理逻辑并返回{value:any,done:true}。
-
原生TouchEvents实现真实多点触控缩放的关键是连续低延迟追踪两指相对关系并结合视觉锚点平滑变换：需在touchstart时严格校验双指、计算初始距离与中心点，touchmove中过滤抖动、用transform实现零重绘缩放与平移补偿，并通过rAF批量更新、意图识别、惯性衰减及弹性阻尼提升触控感。
-
滚动监听不卡，但回调中查DOM、改样式、发请求必卡；应仅做最轻操作，优先用CSSsticky实现吸顶，懒加载用IntersectionObserver，必须用scroll时加passive和requestAnimationFrame节流。
