Vue数组响应式限制：索引赋值和length修改不触发更新，须用push pop shift unshift splice sort reverse等变异方法；Vue 2用Vue set，Vue 3中reactive数组支持索引赋值（3 2+），ref需用splice或展开赋值。 很多开发者都遇到过

用 clamp() 实现响应式 margin padding 时，应选 rem vmin 组合三参数：最小值用 rem（如 0 5rem），首选值用 2–6vw 或 vmin（竖向推荐 vmin 防窄高屏溢出），最大值用 rem（如 2rem）；禁嵌套 calc()，统一相对单位，旧 Safari

CSS如何为响应式布局配置不同颜色：结合media query定义变量 media query里不能直接定义CSS变量 你是不是也试过在 @media 块里直接写 :root { --color-primary: red; }，结果发现颜色纹丝不动？这不是你的错觉，而是浏览器压根就不支持这种写法。@

Provide 和 Inject 怎么防止命名冲突？教你使用 Symbol 的进阶方案 在 Vue 项目中，你是否遇到过这样的困扰？父子组件间用 Provide 和 Inject 通信，明明功能正常，却在某次团队协作或引入新库后突然失效。追根溯源，问题往往出在一个看似不起眼的环节：命名冲突。 当大家

路由守卫中抛出错误怎么办？教你利用 onError 捕获全局跳转异常 在Vue Router的开发中，你是否遇到过这样的场景：导航突然中断，页面一片空白，控制台却抛出一个令人困惑的错误？这背后，往往是路由守卫中的异常在作祟。好消息是，Vue Router提供了一个强大的全局钩子——onError，它

如何在 HTML Canvas 中精确居中绘制文本 本文详解使用 Ja vaScript 在 Canvas 上水平居中绘制文本的正确方法，涵盖坐标计算、measureText() 使用要点、常见拼写错误规避及完整可运行示例。 想在 Canvas 画布上把文字摆得端端正正，水平居中是最基本也最常遇到的

如何利用SCSS快速构建响应式表格：控制CSS显示属性切换 响应式表格在小屏下改用 display: block 布局时，table 元素本身不支持直接设为 block 且保持语义结构？ 没错，这里有个常见的误区。直接把 、、 这些原生表格元素的 display 属性改成 block，它们默认的表格

layui rate 组件原生不支持半星，必须手动改写渲染逻辑 如果你直接给原生的 layui rate 组件传入像 2 5 这样的分数，结果可能会让你有点意外——它只会显示为 2 颗星，UI上也看不到半颗星的影子。这可不是配置没调对，而是它的底层逻辑用 Math floor 做了硬性截断。所以，想