Skip to content

Writing
Work
Vibe

Lab/lab3D scenes, a playable piano, the solar system.
3D Models/modelsModels you can turn and look around.
Music/musicA listening room, an aespa archive and a piano.
Terminal/terminalA small command line in the browser.

Things to click, turn and listen to.

Planner/tools/workA week of tasks with a focus timer.
Image editor/tools/image-editCrop, resize and adjust in the browser.
Typing/tools/typingA typing trainer.
All tools →/tools

Small tools I use myself, all in the browser.

Finuwellfinuwell.comAn atlas of how the body works.(opens in a new tab)
Swil Newsnews.supwil.comAI and tech news, updated daily.(opens in a new tab)
SwirlReadswirl-read.vercel.appA Markdown reader for a notes folder.(opens in a new tab)

Separate apps I built, each on its own site.

Resources/resourceTools and reading I keep going back to.
Perf/perfThis site's own measurements.
Changelog/changelogWhat changed on the site, and when.

Reading I go back to, and how this site is measured and changed.

Writing/blog Work/project Vibe/vibe

Explore

Lab/lab3D scenes, a playable piano, the solar system.3D Models/modelsModels you can turn and look around.Music/musicA listening room, an aespa archive and a piano.Terminal/terminalA small command line in the browser.

Planner/tools/workA week of tasks with a focus timer.Image editor/tools/image-editCrop, resize and adjust in the browser.Typing/tools/typingA typing trainer.All tools →/tools

Finuwell ↗(opens in a new tab)finuwell.comAn atlas of how the body works.Swil News ↗(opens in a new tab)news.supwil.comAI and tech news, updated daily.SwirlRead ↗(opens in a new tab)swirl-read.vercel.appA Markdown reader for a notes folder.

Resources/resourceTools and reading I keep going back to.Perf/perfThis site's own measurements.Changelog/changelogWhat changed on the site, and when.

Loading writing

Site

Home
Writing
Work
Vibe
RSS

Playground

Lab
3D Models
Music
Terminal

Tools

Planner
Image editor
Typing
All tools

Apps

Finuwell
Swil News
SwirlRead

More

Resources
Perf
Changelog

Elsewhere

GitHub
LinkedIn
Bilibili
Email

Huahao Shang, 2026 · Privacy

Built with Next.js · measured at /perf

Writing

Essays, notes and interactive frontend articles, in English and Chinese.

18 essays · 7 frontend articles

Latest

10 Oct 2026·Essay一条 pkill 关掉了我电脑上所有的应用几个子 agent 并行干活时，其中一个想结束一个卡住的进程，结果一条命令把电脑上几乎所有应用都关了。记录一下经过和防范的办法。4 min read中文Read →

All
Essays
Life
Frontend

/

2025

18 NovThe Caret Jumps to the End光标跳到了末尾FrontendEN + 中文interactive
14 OctThe input Event Lies While You're Composing中文输入时，input 事件在骗你FrontendEN + 中文interactive
26 AugWhy z-index: 9999 Didn't Work为什么 z-index: 9999 不管用FrontendEN + 中文interactive
15 JulStrictMode Runs Your Effect Twice On PurposeStrictMode 是故意让你的 effect 跑两次的FrontendEN + 中文interactive
27 MayThe Loop That Lays Out 800 Times那个布局了 800 次的循环FrontendEN + 中文interactive
22 AprWriting useDebouncedValue手写 useDebouncedValueFrontendEN + 中文interactive
18 FebDebounce & Throttle防抖与节流FrontendEN + 中文interactive