mobile wallpaper 1mobile wallpaper 2mobile wallpaper 3mobile wallpaper 4
中文字体 Web 性能救星:从 20MB 到 200KB,全自动字体子集化(Font Subset)与 AST 文本收集工程化实践
2026-10-20
1486 字
深度解析中文字体在现代 Web 站点中的性能痛点与极致压缩方案。对比西文字体的轻量优势,剖析动辄数十兆的 CJK 巨型字库对 LCP 与 Core Web Vitals 的破坏性影响。详细拆解基于源码 AST 与 Markdown 正则的全自动化文本收集器设计,结合 fonttools 深度剪枝未用字形与 Brotli 11 级 WOFF2 压缩,实现将 20MB+ 巨型字库极致瘦身至 200KB 的无感自动化流水线。
Web 图像算法实战:纯前端 Canvas 实现“幻影坦克”(黑白底双重图)的像素级 Alpha 逆向求解
2026-10-20
559 字
深度拆解在现代 Web 浏览器中纯前端实现“幻影坦克”(即一张 PNG 图片在白色背景与黑色背景下分别显示两张完全不同画面)的图像混合数学原理。从 Porter-Duff 经典线性混合方程推导,到利用联立方程逆向求解像素级目标透明度 Alpha 与基底色彩,再到动态直方图色彩区间压缩与 Canvas Uint32Array 像素流水线优化。
Vue 3 响应式系统深潜:WeakMap 依赖拓扑、ReactiveEffect 副作用调度与微任务批量更新
2026-10-20
1357 字
承接站内 Vue 系列进阶手记,深度下潜至 Vue 3 响应式微内核底层。全面拆解 Proxy 配合 Reflect 解决 getter 作用域代理丢失的机理、全局 targetMap 的 WeakMap-Map-Set 三层依赖拓扑设计、分支切换时的旧依赖清理算法,以及利用 ReactiveEffect 的 scheduler 钩子与微任务队列(jobQueue)实现防抖防重复计算的批量异步刷新机制。
WebGPU 现代图形计算实战:基于 WGSL 计算着色器的 10 万粒子万有引力模拟
2026-10-20
1117 字
深入解析现代 Web 浏览器的下一代图形与异构计算标准 WebGPU。告别 WebGL 时代将通用数据伪装成浮点纹理渲染到帧缓冲(FBO)的别扭方案,全面拆解 WGSL 计算着色器(Compute Shader)语法、GPUBuffer 内存布局、Ping-Pong 双缓冲消除数据竞态,以及计算管线与渲染管线零拷贝共享显存,在浏览器端稳定 60 FPS 驱动 10 万星体万有引力相互作用模拟。
市政道路 RTK 数据导入:断链映射与缓和曲线重建
2026-07-12
835 字
解析市政道路测量 Excel/CSV 数据,建立连续桩号映射、重建缓和曲线,并对输入数据执行闭合差审计。
控制面瞬时异常引发的 VRRP 倒换分析
2026-07-09
1533 字
从状态计数、链路稳定性、时钟同步、平台告警与集中日志入手,复盘一次 VRRP 异常倒换的取证过程。
内网运维与排查指南:跳板机配置、存活探测与网络拓扑推理
2026-06-29
1498 字
介绍 Windows OpenSSH 跳板机、授权网段存活探测,以及结合交换机、NAT 与 DHCP 日志定位网络终端的方法。
桌面端混合应用发布实践:Vite 相对路径如何解决 Electron 在 file 协议下的黑白屏
2026-06-29
1108 字
排查 Vite 单页应用在 Electron 的 file 协议下出现黑白屏的原因,并给出相对路径与受限自定义协议两种修复方案。
Cover Image of the Post

目录

💬
🎀