Jiankai's Blog

爱吃酱油的人运气不会差 😁

这里记录我在前端工程、音视频与 AI 领域的探索，也留下一些学习笔记和日常随想。

自 2018 年起 · 已收录 42 篇文章

找到我:

精选文章

我为什么还能在医院看到已经停运的京医通？
2026 年 11 月 11 日
从一台仍在工作的京医通机器出发，追问一张卡、两套系统和一笔长期费用。
Token 是怎么计算的
2026 年 11 月 11 日
从文言文是否更省 Token 的问题出发，梳理 Tokenizer、BPE、实际计数方法，以及 Prompt Cache 与 KV Cache 的区别。
AI 下的自动驾驶变革之路
2026 年 11 月 11 日
从早期自动驾驶赛事出发，梳理模块化架构、视觉感知、BEV时空融合、端到端和VLA的演进思路，讨论各类技术如何协作，以及能力验证与安全边界。
大型运营活动的预渲染实践：用 SSG 改善首屏体验
2026 年 11 月 11 日
以一次大型运营活动为例，介绍构建期预渲染的方案选型、Vite与Puppeteer实现，以及页面接管、WebView适配、动效同步、换肤和多路由处理，为首屏性能优化提供实践参考。
一段视频的“取经之路”
2026 年 11 月 11 日
从相机成像、RGB与YUV图像处理，到运动估计、IPB帧、混合视频编码模型和音视频封装，梳理一段视频的完整生成过程。

近期文章

浅谈现代浏览器的网页生命周期
更新于:2022 年 5 月 19 日
前言在Android、IOS和Windows等的平台上，系统可以随意启动和中止应用程序的运行，这使得这些平台能够重新分配资源，以提供最好的操作体验给用户，当系统做这类干预时应用程序通常是知晓的，这是因为操作系统为应用程序提供了标准化的应用生命周期。对于网页来说，并没有类似的生命周期机制。随着浏览器中被打开网页数量增加
没想到你是这样的npm install
2021 年 11 月 16 日
前言使用npm install这个条命令对于我们前端开发者来说应该是形成“肌肉记忆”，之前一直对 npm 的相关知识停留在“会用”的阶段，但是内部的原理却不甚了解。直到项目中出现了一次由 npm 包引起的问题后，才开始下决心对 npm 包其中的工作流程做一个详细的梳理。 npm install 大概会经过以下图例中的几
测一测你的代码：关于前端自动化测试
2021 年 9 月 6 日
开篇：我们需要自动化测试吗所谓自动化测试就是把人对软件的测试行为转化为由机器执行测试行为的一种实践，对于最常见的 GUI 自动化测试来讲，就是由自动化测试工具模拟之前需要人工在软件界面上的各种操作，并且自动验证其结果是否符合预期。你是不是有点小激动？这似乎开启了用机器代替重复手工劳动的自动化时代，你可以从简单重复劳动
写了个支持图片裁切与合并的工具类
2021 年 4 月 27 日
由于目前业务需要对图片进行渲染优化相关的工作，现阶段准备从网络请求角度入手，主要的解决思路是将较大的图片在上传前在前端裁剪为多段后上传。最终显示时可以按照裁切的顺序进行逐个加载，或者懒加载，如此一来，首屏等待时间大大减少。
做直播，我们是认真的：Web 音视频串流
2021 年 4 月 21 日
摘要这次分享主要是对在浏览器环境中实现直播的相关技术介绍，其中包括了对音视频的格式以及推送、播放技术的探索。分享过程中还会对目前自己已经实现的一套Web直播方案进行分析。最后还会简单介绍现在比较热门的WebRTC技术。音视频串流简介音视频串流从广义角度来说，就是能够实现设备A将音视频画面同步传输给设备B进行播放，例如
装饰器工具函数[持续更新]
2021 年 4 月 2 日
TypeScript中的装饰器随着TypeScript和ES6里引入了类，在一些场景下我们需要额外的特性来支持标注或修改类及其成员。装饰器（Decorators）为我们在类的声明及成员上通过元编程语法添加标注提供了一种方式。