4 min read
关于这个博客:一个前端工程师的自留地
我是谁,这个博客是什么,以及我打算在这里写些什么。
你好,我是 Maskys,一个前端工程师。
这个博客叫 Inkwell,是我的个人自留地。写代码写久了,总有些东西想记下来——不一定是为了别人,更多是为了三个月前的自己,那个在深夜调试 CSS 居中问题的自己。
我是谁
日常工作写 TypeScript 和 React,偶尔碰一碰 Node.js。喜欢小而美的东西,喜欢代码读起来像散文一样清晰。不太相信银弹,但相信"少即是多"这句话在软件工程里比在建筑学里更对。
工作之外,我也会读书、散步、拍一些没什么构图的照片。郑州的四季变化很快,快到你还没反应过来,桂花就已经落了。
这个博客写什么
大概会漂浮在三个方向:
- 前端技术 — 那些我反复写过的东西:组件设计、CSS 的奇怪行为、TypeScript 的类型体操、构建工具的配置心得。不追求面面俱到,只写我自己踩过坑的部分。
- 工具与实验 — 周末折腾的小项目,可能是某个 CLI 工具,也可能是某个奇怪的 CSS 效果。不一定有用,但一定有趣。
- 生活与想法 — 关于注意力、关于审美、关于为什么有些软件越用越舒服而有些越用越累。偶尔也写写郑州的天气。
为什么是现在
其实我开过好几次博客,每次都死在同一件事上——花太多时间调样式,然后忘记写内容。这次我给自己定了两条规矩:
- 先发再改。 写完就发,不要等到"完美"。完美是发不出去的。
- 写给一个人看。 那个人通常是三个月前的自己。
所以你现在看到的这篇文章,可能有很多不成熟的地方。没关系。这个博客本身就是一件未完成的作品。
一个小小的代码片段
既然是前端工程师的博客,第一篇文章总得来点代码。这是我用来合并 Tailwind 类名的小工具:
import { clsx, type ClassValue } from "clsx";
import { twMerge } from "tailwind-merge";
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs));
}没什么花哨的,但几乎每个项目都会用到。好的工具就是这样——你不会注意到它的存在,直到它不在了。
最后
感谢你读到这里。如果你也是前端同行,欢迎通过页面底部的邮箱联系我。聊技术、聊生活、聊郑州哪里的咖啡好喝,都可以。
我们下篇文章见。