LLL·AZ 技术展示

Personal Engineering Showcase · 2026

把系统拆开，
再拼回去。

一个人的工程实践：从一台 2 核 1.6G 的 ECS 上的 nginx 配置， 到浏览器里 60fps 的像素。全部手写，零框架，零 CDN。

进入实验室 本站是怎么搭的
运行时依赖
0个
交互实验
4个
首屏传输
< 60kB
托管方式
静态· 自建
01

四块能力，一套系统观 Capability

不追新框架，只追问「这一层为什么存在」。下面四块是我实际动手最多的方向—— 每一块都能在这台服务器或这个页面里找到对应的证据。

/ 01

系统与基础设施

Linux 上的服务编排：sshd 端口迁移、nginx 反代与 SNI 分流、Let's Encrypt 证书自动续期、systemd 与日志排障。习惯先看 ss -tlnp 再说结论。

  • nginx
  • Linux
  • systemd
  • TLS / ACME
/ 02

前端与图形

手写 Canvas 2D 渲染：流场粒子、元胞自动机、光线投射。关注像素预算、脏区重绘、 DPR 与降级——动画在低端机和「减少动态效果」下都要体面。

  • Canvas 2D
  • CSS 架构
  • 性能预算
  • 无障碍
/ 03

自动化与工具链

用 CDP 驱动真实浏览器做验收，把「看一眼对不对」变成可重复的脚本； 部署走 rsync + 原子切换 + nginx -t 校验，失败可回滚。

  • CDP
  • Bash
  • rsync
  • CI 思维
/ 04

工程方法

先测量再优化：性能用数据说话，改动留回滚路径，接口先定契约再实现。 对「差不多能跑」保持警惕——它通常意味着还没想清楚。

  • 基准测试
  • 可回滚
  • 契约式验收
  • 文档化
02

四个实验，全部手写 Lab · 无第三方库

每个实验都是独立页面、独立脚本，不加载任何外部资源。 它们不是截图，是现在就能跑的东西——点进去动手。

元胞自动机60 fps

康威生命游戏

十万级细胞、脏矩形重绘、可涂抹的进化场。附带滑翔机枪等经典图样。

打开实验
算法可视化6 种

排序擂台

冒泡、插入、选择、希尔、归并、快排同场竞技，实时比较次数与写入次数。

打开实验
软件渲染无 WebGL

光线投射迷宫

纯 CPU 的伪 3D：DDA 求交、鱼眼校正、距离雾。WASD 走动，纯手写投影。

打开实验
图搜索3 种策略

迷宫寻路竞速

A*、BFS、DFS 在同一张随机迷宫上铺开搜索面，比较访问节点数与路径长度。

打开实验
03

这个页面是怎么送到你眼前的 Architecture · 从磁盘到像素

没有数据库、没有应用服务器、没有构建步骤。服务器上只做三件事： 终止 TLS、发静态文件、以及为一条 边缘需求保留路径级代理。

页面本身是纯 HTML + CSS + 原生 JS，一张图都没有——所有视觉元素要么是排版， 要么是实时绘制的 canvas。这让首屏几乎不需要等资源。

  1. 01本地写文件，deploy.sh 生成构建指纹
  2. 02rsync 上传到 /var/www/lllaz，覆盖前打快照
  3. 03nginx -t 通过才 reload，失败自动还原配置
  4. 04curl 断言状态码、证书有效期、API 路径兼容性
Client 浏览器 / 手机
→
Edge TLS 1.3 · HTTP/2
Routing nginx 1.18 · 按路径分流
/ 静态 index.html · assets
/lab/ 4 个交互页
/v1/ · 代理 上游 API
Storage /var/www/lllaz
Cert Let's Encrypt · 自动续期
同域名下挂了一条路径级反向代理（ /v1/ → 上游 API），它与静态站互不干扰： 先匹配到代理前缀的请求，才不会被当作静态文件 404。
HTML（gzip）
—
CSS（gzip）
—
外部请求
0
证书到期
—
04

手边的东西 Toolbox

系统 / 运维

  • Linux日常
  • nginx反代 / 静态
  • systemd服务托管
  • Let's Encrypt自动续期
  • rsync / ssh部署通道

前端 / 图形

  • HTML · CSS无框架
  • Canvas 2D实时渲染
  • WebGL按需使用
  • IntersectionObserver入场动效
  • prefers-reduced-motion降级

工具 / 方法

  • Chrome DevTools性能剖析
  • CDP自动化验收
  • curl线上断言
  • OpenSSH远程维护
  • Markdown写下来