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

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

代码贴进 pre 后缩进乱、行号只能手打？问题出在 pre 与 code 的分工没理清。本文讲清 pre 负责原样保留空格换行、code 负责声明语义，并用 CSS 计数器（counter-reset、counter-increment、::before 的 content:counter）自动生成行号，点出长行挤歪行号列、JS 插行号导致复制带数字这两个常见坑。照着做，代码块既好看又好复制。

处理报表或后台表格时，经常要把相邻且取值相同的单元格合并，让表头更清爽。本文用一个最小 JavaScript 实现，讲清从右往左遍历、设置 colSpan、避免索引漂移的关键点，并给出可直接套用的代码与验证方法。

用 Vue、React 时，id 为 app 的元素里的文字不显示、只剩空壳节点最让人困惑。本文讲清框架挂载替换原节点、静态文字被覆盖、CSS 把文字藏起来三类根因，并给出用开发者工具看 textContent、区分没渲染与看不见的排查步骤。照着做就能快速定位文字消失的原因。

微信内置浏览器里视频播放不了，通常是缺内联播放属性、没有用户手势就调用播放、或视频编码与地址不被支持。本文给出可复制的最小标记与脚本，讲清三种现象的区分方式、同层播放的处理思路与真机验证清单。

HTML 页面跳转有三类写法：链接由用户点击触发、meta refresh 做延迟跳转、脚本按条件给地址赋值。本文给出三种写法的最小示例、默认值与历史记录差异，并讲清返回被弹回、相对路径失效等四个高频坑。

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

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

接口返回的富文本插进页面后显示成一串尖括号，不是数据错了，而是走了文本插入。本文复现这个现象，给出文本插入、直接渲染、消毒后渲染三条路径的完整代码与代价，并附上消毒白名单与漏洞验证清单。