one life to live - Technical engineering notes and frontend deep dives.https://nimitz.io/zh-CNhttps://nimitz.io/posts/2026/09/series-vcd30/01-origins-and-white-book/https://nimitz.io/posts/2026/09/series-vcd30/01-origins-and-white-book/解析 VCD 白皮书标准、CD-ROM XA Mode 2 Form 2 物理扇区结构、MPEG-1 SIF 码率分配及 AVSEQ01.DAT 的 RIFF 容器封装。Tue, 15 Sep 2026 00:00:00 GMThttps://nimitz.io/posts/2026/09/series-vcd30/02-vcd20-pbc-state-machine/https://nimitz.io/posts/2026/09/series-vcd30/02-vcd20-pbc-state-machine/解析 VCD 2.0 白皮书中的 Playback Control (PBC)、Video CD Information Area、PSD/LOT 索引与高分辨率静止画格式。Tue, 15 Sep 2026 00:00:00 GMThttps://nimitz.io/posts/2026/09/series-vcd30/03-vcd30-and-svcd/https://nimitz.io/posts/2026/09/series-vcd30/03-vcd30-and-svcd/从 VCD 2.0 PBC 的能力边界出发，介绍中国市场的 Interactive VCD 3.0，并记录一张 ESS/EnReach 演示盘如何揭示 I-Reader、CLS、COMPHTML、YUVBMP 与文本脚本资源。Tue, 15 Sep 2026 00:00:00 GMThttps://nimitz.io/posts/2026/09/series-vcd30/04-modern-player-reconstruction/https://nimitz.io/posts/2026/09/series-vcd30/04-modern-player-reconstruction/以一张 1998 年互动光盘样本为例，介绍 COMPHTML 页面容器、YUVBMP 图像、VCDSCRIPT 协程解释器，以及 Rust 播放器的兼容边界。Tue, 15 Sep 2026 00:00:00 GMThttps://nimitz.io/posts/2019/09-tpac-2019-webcodecs/https://nimitz.io/posts/2019/09-tpac-2019-webcodecs/直击 W3C TPAC 2019 福冈大会现场，全面剖析 WICG WebCodecs 提案的设计初衷。探讨其如何跳出现有媒体 API 的高级封装限制，向 WebAssembly 及流媒体应用直接暴露底层软硬件音视频编解码器能力。Sun, 22 Sep 2019 00:00:00 GMThttps://nimitz.io/posts/2019/06-css-overscroll-behavior-1/https://nimitz.io/posts/2019/06-css-overscroll-behavior-1/深入解读 CSS Overscroll Behavior 规范，剖析滚动边界溢出时的连锁滚动（scroll chaining）机制，详解 contain、none 属性值在弹窗、侧边栏抽屉及移动端下拉刷新场景中的防穿透原生解决方案。Mon, 24 Jun 2019 00:00:00 GMThttps://nimitz.io/posts/2019/06-css-color-adjust-1/https://nimitz.io/posts/2019/06-css-color-adjust-1/伴随系统级 Dark Mode（深色模式）普及，深度解析 W3C CSS Color Adjust Level 1 规范。剖析 color-scheme 属性、forced-color-adjust 以及高对比度模式下浏览器渲染适配行为的精细化控制。Mon, 03 Jun 2019 00:00:00 GMThttps://nimitz.io/posts/2019/05-webauthn/https://nimitz.io/posts/2019/05-webauthn/从 Credential Management API 演进讲起，深入拆解 FIDO2 / WebAuthn 标准的核心原理、非对称公私钥认证链路与 Attestation 验证机制，探究如何利用硬件安全密钥（YubiKey、Touch ID）实现安全无密码 Web 登录体验。Sun, 12 May 2019 00:00:00 GMThttps://nimitz.io/posts/2019/03-generic-sensor-api/https://nimitz.io/posts/2019/03-generic-sensor-api/全面解读 W3C Generic Sensor API 架构设计，探讨其统一的传感器基类封装模型，并以环境光传感器（AmbientLightSensor）和加速度计为例，展示 Web 端安全调用物理硬件传感器的全新可能性。Tue, 26 Mar 2019 00:00:00 GMThttps://nimitz.io/posts/2019/02-screen-orientation-api-wd/https://nimitz.io/posts/2019/02-screen-orientation-api-wd/介绍 W3C Screen Orientation API 标准规范，深入探讨其在 Web 应用中读取屏幕旋转角度、监听方向变更事件，以及在全屏移动游戏与视频播放器场景下通过 JavaScript 编程锁定屏幕横竖屏状态的实战方式。Mon, 25 Feb 2019 00:00:00 GMThttps://nimitz.io/posts/2019/01-css-motion-paths-level1/https://nimitz.io/posts/2019/01-css-motion-paths-level1/探究 CSS Motion Path Level 1 规范如何打破传统直线与缩放位移的限制，通过 offset-path、offset-distance、offset-rotate 及 ray() 辐射线，赋予 DOM 元素沿着任意不规则 SVG 轨迹与曲线平滑飞行的能力。Tue, 08 Jan 2019 00:00:00 GMThttps://nimitz.io/posts/2018/12-css-selectors-level4/https://nimitz.io/posts/2018/12-css-selectors-level4/全面速览 CSS Selectors Level 4 规范中的新伪类与选择器，深度解析 :is()、:where()、:not() 列表、:has() 关系选择器以及 :focus-visible 和语言方向伪类对前端组件化样式编写的巨大革新。Mon, 10 Dec 2018 00:00:00 GMThttps://nimitz.io/posts/2018/11-css-text-decoration-4/https://nimitz.io/posts/2018/11-css-text-decoration-4/梳理 W3C CSS Text Decoration Level 4 最新规范特性，详解下划线间距偏移（text-underline-offset）、文字跳变断开（text-decoration-skip-ink）以及多重修饰线样式的进阶排版控制。Mon, 12 Nov 2018 00:00:00 GMThttps://nimitz.io/posts/2018/10-css-typed-om-1/https://nimitz.io/posts/2018/10-css-typed-om-1/告别低效且容易出错的字符串拼接式样式操作！探讨 CSS Houdini 核心成员 CSS Typed OM 如何为浏览器引入强类型值对象（CSSUnitValue/CSSMathValue），显著提升数值计算性能与 JavaScript 交互安全性。Sun, 14 Oct 2018 00:00:00 GMThttps://nimitz.io/posts/2018/09-css-scroll-snap-level1/https://nimitz.io/posts/2018/09-css-scroll-snap-level1/全面解读现代浏览器原生支持的 CSS Scroll Snap 规范，从滚动捕捉模型、对齐行为（scroll-snap-type、scroll-snap-align）到边界阻尼与停靠策略，探究如何用纯 CSS 打造丝滑流畅、无脚本依赖的 Swiper 轮播与全屏吸附效果。Mon, 17 Sep 2018 00:00:00 GMThttps://nimitz.io/posts/2018/08-css-font-loading/https://nimitz.io/posts/2018/08-css-font-loading/深度剖析 Web 自定义字体加载中常见的 FOIT（不可见文本闪烁）与 FOUT 现象成因，详细讲解 CSS Fonts Module Level 3 的 font-display 控制策略以及 CSS Font Loading API 的 JavaScript 异步监听与精细化字体调度技巧。Sun, 19 Aug 2018 00:00:00 GMThttps://nimitz.io/posts/2018/07-fonts-module-level4-color-font/https://nimitz.io/posts/2018/07-fonts-module-level4-color-font/深入解读 W3C CSS Fonts Module Level 4 工作草案中的 Color Font（彩色字体）规范，解析其与矢量及位图 Emoji 的演进关系，对比 SBIX、CBDT、COLR/CPAL 与 SVG 字体技术方案及在现代浏览器中的实践应用。Sun, 22 Jul 2018 00:00:00 GMThttps://nimitz.io/posts/2018/07-graphql-and-thinkjs/https://nimitz.io/posts/2018/07-graphql-and-thinkjs/系统梳理 GraphQL 的核心概念、Schema 类型系统与查询语法，剖析其相较于传统 RESTful API 在多端数据组装与链路合并上的优势，并通过 Node.js ThinkJS 框架从零搭建高效可用的 GraphQL 服务端实践。Sat, 14 Jul 2018 00:00:00 GMThttps://nimitz.io/posts/2017/05-ddns-with-openwrt-and-dnspod/https://nimitz.io/posts/2017/05-ddns-with-openwrt-and-dnspod/无需安装额外 DDNS 客户端，深入剖析 OpenWRT Hotplug 热插拔事件机制与 ubus 命令行工具，在 ifup 时通过 Shell 脚本自动调用 DNSPod API 实现毫秒级动态域名解析绑定。Thu, 18 May 2017 00:00:00 GMThttps://nimitz.io/posts/2016/06-openwrt-uni-dynamic-adsl-password-autoconnect/https://nimitz.io/posts/2016/06-openwrt-uni-dynamic-adsl-password-autoconnect/针对校园网每日需短信动态密码认证的问题，利用 OpenWRT 的 UCI 统一配置接口与 Shell CGI 脚本，配合 Android 端自动拦截短信并下发请求，实现路由器全自动联网方案。Sun, 19 Jun 2016 00:00:00 GMT