Web技术

短剧 H5 无缝竖滑：Vue 三槽虚拟列表怎么搭

可运行 DEMO 压缩包；文内区分 DEMO 已实现 vs 生产再补；三槽 key 用 absoluteIndex。

iOS H5 HLS 点播：AVPlayer 接管后的 Seek、Service Worker 与起播差异

iOS H5 点播常走 AVPlayer：非标准 TS Seek 易卡、SW 分片难加速、直播/点播起播缓冲不同，以及播放中长黑屏。

HLS 对照实验：TS·200+Range、JPG·206 与 JPG·200

在线 DEMO hls.cabokit.com：TS·200+Range / JPG·206 / JPG·200 三列对照；Range、Seek 与 Android / iOS 读数差异。

为什么需要 App 注入 --safe-area-inset-top 给 H5

刘海屏下 H5 顶栏易被挡；说明 WebView 里 env(safe-area) 为何不可靠，以及为何由 App 注入 CSS 变量。

H5 在 Android 真机调试：从 Android Studio 到 chrome://inspect

写 H5 时如何用 Android Studio + USB 连手机，用 Device Manager 确认真机后再 chrome://inspect 调试。

把系统做简单，而不是做完整

复杂会自己找上门。我们如何用约束、命名和默认值，让产品长期可维护。

安静界面：少一分装饰，多一分意图

真正清晰的 UI 不靠高亮色块，而靠信息排序与呼吸感。聊聊我们的版式原则。