Blog · 6 篇 · 2 个专栏

写给未来的自己

日常在用的工具、踩过的坑和做过的取舍。笔记站放成体系的知识点，这里放完整的一篇；按专栏分组，专栏里按阅读顺序排。

UI 审美

4 篇 · 按阅读顺序

AI 写得出界面，写不出分寸。每篇挑一类细节，实测 AI 的产出，讲清原理、验收方法和能直接用的规则。

AI 写的界面，问题大多不在截图里，而在四类地方：要量的、要比的、要动的、要换的。讲清为什么，并给一套四步验收法。

几块拼成的页面要守住四个判断：边、滚动条、自动滚动、藏起来的抽屉。讲原理、自查和改法。

动画好不好，先看一帧走多远。六条动效判断，每条讲原理、两分钟怎么验、代码怎么写，证据来自 AI 写的 8 个组件的逐帧测量。

每段文字都带着一截看不见的空白，CSS 写的间距要加上它，才是眼睛看到的间距。AI 写的设置页里，2px 看上去是 9px，层次被压扁。讲清这截空白从哪来、为什么专坑小间距、中文页面怎么用 text-box 裁掉它，再给一段能贴进 DevTools 的 X 光脚本。

2 篇 · 按阅读顺序

每天在用的终端工具和配置，踩过的坑和做过的取舍。

按初级、熟练、高级三步走：会话 / 窗口 / pane 的基本操作，复制模式与布局整理，再到关机恢复现场和一条命令开好项目。文中有一个能直接在页面上按键的模拟器。

tmux 管会话和进程，nvim 管文件和代码。讲我的 nvim 配置和日常按键，再讲两者怎么配合：真彩色、Esc 延迟、剪贴板、pane 与窗口的分工，以及一条命令开好整个项目。文中有一个演示按键会被哪一层接住的小工具。