Next.js 里写服务端渲染组件，默认就在服务端执行，不需要再用副作用取首屏数据。本文给出 App Router 的 async 组件与 Pages Router 取数函数两套最小示例，讲清浏览器接口边界、客户端组件划分时机与三类常见报错的排查步骤。

axios 要对接多套后端，别在共享实例上反复改接口基地址。本文给出按后端拆分实例、用请求拦截器按前缀改写、用环境变量切换三套写法，讲清各自适用场景、并发覆盖的原因与验证清单。

定位网页性能瓶颈按固定三步走：先用计时接口把卡顿量化成数字并找出长任务，再判断耗时来自脚本计算还是布局重排，最后按类别选择拆分任务或读写分离并复测。本文给出可复制的计时代码、反面示例与修复写法，附三类常见失败分支。

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

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

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

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

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

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

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