CSS · TypeScript · 工程化

把前端里那些
容易忘掉的细节，写成笔记。

这里是小雄子的个人博客。做界面、写组件、调构建的时候踩过的坑，会慢慢整理成能反复翻的文章，给自己看，也给同样在做前端的人看。

12篇笔记

4个专题

2026持续更新

// notes/layout.ts
const blog = {
  name: '小雄子的个人博客',
  focus: ['CSS', 'TypeScript', 'DX'],
  rule: '先能跑，再写清楚',
};

export function remember(idea) {
  return idea.trim()
    .replace(/模糊/, '可复用');
}

四个常看的专题

不求一次写完，只求每篇都有能带走的结论。

▣

界面与 CSS布局、容器查询、设计 token 和可维护的样式。

{ }

TypeScript收窄、工具类型、和组件 props 怎么写才不容易炸。

⚙

前端工程化构建、校验、发布链路，够用就好，先别堆满。

⚡

性能与体验首屏、交互延迟、以及那些看起来很快其实很卡的细节。

AUTHOR

小雄子

关于这个博客

我是小雄子，平时做前端。这个站点用来沉淀工作里反复碰到的问题：组件怎么拆、样式怎么收口、类型怎么写稳、构建怎么少踩坑。文章会保持短一点，尽量有例子，也尽量能直接用。

如果你也在写页面、调交互、盯包体积，欢迎把这里当成一本随手翻的笔记本。

HTMLCSSJavaScriptTypeScript VueReactViteNode.js

把前端里那些
容易忘掉的细节，写成笔记。

最近在写

从 Flex 到 Grid：页面结构其实可以先画骨架

四个常看的专题

关于这个博客

把前端里那些容易忘掉的细节，写成笔记。

最近在写

从 Flex 到 Grid：页面结构其实可以先画骨架

四个常看的专题

关于这个博客

把前端里那些
容易忘掉的细节，写成笔记。