最新 最热

Vue3 表格无限滚动该不该用库:先看这 3 个判断点

表格无限滚动其实是三种需求:匀速自动轮播、触底自动加载下一页、大数据量虚拟渲染。本文按两个问题分流,给出定时器自动滚动与交叉观察器触底加载的最小实现,说明虚拟列表真正适用的门槛和它的四项代价,并附重复请求、白屏等失败分支。

2026-10-23
368

Vue 深层组件的事件怎么传:3 种做法的区别与取舍

Vue 深层组件的事件跨层上报有三种做法:逐层 emit、上层 provide 注入函数让深层 inject 调用、以及把数据放进共享响应式容器。选择的关键是先判断这个事件是通知还是共享数据。本文用三层嵌套结构给出三种写法的代码、适用范围与代价,并附静默失效等失败分支。

2026-10-23
367

React 严格模式要不要开:先看这 3 个重复执行的坑

React 严格模式建议在开发环境常开:它只在开发构建生效,用重复执行暴露副作用缺少清理函数和渲染过程不纯两类问题。本文用三段最小代码讲清重复挂载的真实原因、数据请求发两次的竞态处理,以及生产环境不会重复的判断依据。

2026-10-23
699

图片加载回调里拿到的地址不对:3 个原因逐个排查

在图片加载回调里读到的地址和写进去的不一致,通常是三个原因:相对路径被解析成绝对地址、缓存命中导致回调漏触发、跨域图片污染画布后导出被拒绝。本文用三段最小代码复现每种情况,给出取值对比、正确绑定顺序与跨域声明写法,并附验证清单。

2026-10-23
406

Vue3 动态挂载组件怎么继承上下文:appContext 的两种传法

用 createVNode 加 render 手动挂载的组件默认拿不到全局组件与 provide,因为 vnode 上没有应用上下文。本文用一个函数式 Toast 复现问题,讲清手动赋值 appContext 与 app.runWithContext 两种传法的版本边界,给出卸载清理的正确顺序,并说明 Teleport 为何更值得优先选用。

2026-10-22
254

React 的 prop 是响应式值吗:直接修改 prop 会发生什么

prop 不是响应式状态,而是父组件一次渲染里传下来的只读参数,直接赋值既不报错也不生效。本文用一个计数器例子讲清单向数据流的三条推论,给出状态提升、useState 接初始值、受控组件加回调三种可行写法,并说明 memo 浅比较与对象字段修改造成的假象。

2026-10-22
260

ECharts dataZoom 不生效怎么排查:这 3 处配置最容易写错

dataZoom 配了却拖不动,多半是三处配置问题:没有用 xAxisIndex 绑到目标轴、数值轴误用百分比 start/end、filterMode 被设成 none 导致窗口外数据不过滤。本文给出一个 365 天折线图的最小配置,逐处给出错误与正确写法对照,并说明多组件联动、容器初始尺寸与新增数据导致区间漂移的处理办法。

2026-10-22
436

CSS 写了却不生效怎么排查:先理清层叠与优先级这 3 步

样式写了却没反应,多数不是语法写错,而是被更高权重的规则盖掉了。本文用一个可复现页面讲清层叠的仲裁顺序:先确认规则有没有命中元素,再比选择器权重的三个档位,最后看样式表的加载顺序,并说明内联样式与 !important 的真实代价,附一份六步验证清单。

2026-10-22
272

CSS 怎么在图片中间画弧线:伪元素与 SVG 两种做法的取舍

CSS 里没有画弧线的现成属性,弧线都是借出来的:借圆的边、借 SVG 路径、借裁切边界。本文给定一个 600×400 的最小场景,给出伪元素配 border-radius 与 SVG path 两种完整可运行写法,讲清各自的适用边界、缩放表现与三个高频失败分支,并附一份验证清单。

2026-10-22
260

CSS 背景图怎么随窗口等比缩放:cover 与 contain 的取舍

背景图要随窗口等比缩放,cover 与 contain 都是等比的,区别只在牺牲裁切还是留白。本文用一个全屏 hero 区讲清 background-size 五个取值的实际行为,给出 cover 配安全区与 aspect-ratio 等比容器两种工程做法,并说明窄屏换素材、留白配色等高频失败分支。

2026-10-22
280