TypeScript 里描述对象结构、要被类实现或留给别人扩展时用 interface;要表达联合类型、交叉类型与条件类型时只能用类型别名。本文用同一份结构各写一遍,讲清扩展方式、表达能力与重复声明三点差异。
父组件调用子组件方法失败,多半是没转发引用、方法没写进暴露清单,或者调用时机早于挂载完成。本文用一个可运行的最小示例把转发引用、暴露方法、父组件调用三步走通,并给出三种失败分支的判断方式与验证清单。
Next.js 里写服务端渲染组件,默认就在服务端执行,不需要再用副作用取首屏数据。本文给出 App Router 的 async 组件与 Pages Router 取数函数两套最小示例,讲清浏览器接口边界、客户端组件划分时机与三类常见报错的排查步骤。
axios 要对接多套后端,别在共享实例上反复改接口基地址。本文给出按后端拆分实例、用请求拦截器按前缀改写、用环境变量切换三套写法,讲清各自适用场景、并发覆盖的原因与验证清单。
定位网页性能瓶颈按固定三步走:先用计时接口把卡顿量化成数字并找出长任务,再判断耗时来自脚本计算还是布局重排,最后按类别选择拆分任务或读写分离并复测。本文给出可复制的计时代码、反面示例与修复写法,附三类常见失败分支。
表格无限滚动其实是三种需求:匀速自动轮播、触底自动加载下一页、大数据量虚拟渲染。本文按两个问题分流,给出定时器自动滚动与交叉观察器触底加载的最小实现,说明虚拟列表真正适用的门槛和它的四项代价,并附重复请求、白屏等失败分支。
Vue 深层组件的事件跨层上报有三种做法:逐层 emit、上层 provide 注入函数让深层 inject 调用、以及把数据放进共享响应式容器。选择的关键是先判断这个事件是通知还是共享数据。本文用三层嵌套结构给出三种写法的代码、适用范围与代价,并附静默失效等失败分支。
React 严格模式建议在开发环境常开:它只在开发构建生效,用重复执行暴露副作用缺少清理函数和渲染过程不纯两类问题。本文用三段最小代码讲清重复挂载的真实原因、数据请求发两次的竞态处理,以及生产环境不会重复的判断依据。