Vue 动态绑定事件为空九成是因为用运行时拼接的事件名，而模板编译器只认静态事件名。本文给出静态绑定优先的稳妥写法，并附监听器对象整体绑定、计算属性回退、手动 addEventListener 三种方法及其边界与常见失败。

TypeScript 里 unknown 和 any 都能接收任意值，但 any 直接关掉类型检查，unknown 强制先收窄再用。本文给出 3 个判断边界：是否保留类型检查、取值前要不要收窄、收窄写法对不对，并附类型守卫写法与常见失败。照着选就能在接口返回、JSON 解析等动态输入场景保住类型安全，避免 any 扩散导致的静默错误。

npm 安装报 ERESOLVE，说明依赖树里两个包对同一依赖要求了不兼容的版本，npm 默认严格合并而拒绝。本文给出 3 个处理边界：能否放宽版本约束、是否重装锁文件、是否升级冲突包，并附 overrides 写法与误用 --force 的失败分支。临时绕过用 --legacy-peer-deps，改依赖前先提交便于回退。

经度正则不要试图同时管住书写格式和数值区间。本文给出能直接复制的两条经度正则：小数度数一条、度分秒一条，再用 Number 转换加数值比较去查负一百八十到正一百八十的范围。覆盖全角符号、多余空格、秒的小数位这些最容易失手的边界，代码基于 ECMAScript 2018 以上的正则写法。

用 ECharts 画奈奎斯特曲线最常见的三个错误：xAxis 误设 category、实部虚部拆成两条 series、采样点不足导致变形。本文给出 value 轴加单 series 的稳妥配置，以及一段对数频率采样代码，照着改就能一次画对，并讲清每个坑的边界与正确写法。

CSS grid 与 flex 怎么选，本质是看维度：flex 管一维排列与对齐，grid 管二维行列网格，二者互补不互斥。本文给出一维与二维的判定标准，以及导航条卡片流选 flex、表单墙相册选 grid、大区用 grid 小区用 flex 嵌套三个场景，并指出追新、硬拼二维等常见误解，照着选就不必反复横跳。

Zustand 里想只监听某一个属性的变化，subscribe 整个 store 会让任何字段变动都触发回调，日志被打爆、性能也浪费。本文用计数器加用户名的例子，讲清 selector、相等性函数与 subscribeWithSelector 中间件三件事，并给出能直接复现的最小代码。读后你能把订阅从全量广播收敛成定向监听，并了解组件外如何取消监听防止内存泄漏。

给元素写很大的 z-index 却被盖住，最常见的原因不是数值小，而是两个元素不在同一个层叠上下文里比较。本文用弹层被卡片遮住的场景，讲清层叠上下文的形成条件、会新建它的属性（opacity、transform、filter 等）与对应修法。你会明白 z-index 比的是最近共同层叠上下文而非全局，优先用 isolation 或调整 DOM 顺序才是治本。

uni-app 用 Vue3 做路由守卫，和 vue-router 不同——它跑在多端、没有浏览器 history，守卫要落在自己的路由 API 上。本文用未登录跳转登录页这场景，讲清跳转发起处拦截、onLoad 拦截、全局 addInterceptor 三种方式的配置与取舍，并给出可直接运行的代码。读完你能选出适合体量的落点组合，避免重定向死循环、拦截不生效这类典型坑。

想用纯前端写个小游戏却不知从哪下手？其实只要三块：HTML 画布骨架、JavaScript 状态与输入、一个不断重画的游戏循环。本文用一个能双击运行的接住下落方块例子，把输入、状态、渲染三步拆开讲，每段都附可复制代码。跟着跑通就能拥有可无限扩展的游戏地基，再加音效、计分、多关卡都不会无从下手。