你好，我是李建辉。
写代码，记录取舍。

BUILD / USE

我做的几个网站

写作

ljh 的技术博客 ↗

记录前端架构、协同算法和性能优化中遇到的问题，也写长文复盘。

https://ljhboard.cn/posts

工具

LJH Tools ↗

常用的编码、格式化和哈希工具，在浏览器本地运行，数据不传到服务器。

https://tools.ljhboard.cn

实验

Token Paper ↗

用来算大模型的 Token 成本，支持常见模型的本地分词，按官方价格估算费用。

https://token.ljhboard.cn

资讯

今日热点 ↗

抓各大平台的科技与热搜榜，每天刷一遍，省得一个个网站到处翻。

https://news.ljhboard.cn

PUBLIC / ACTIVITY

GitHub 公开贡献

这张图记录了我在 GitHub 上的公开活动，具体改动可以看下面的 PR。在 GitHub 查看 ↗

这是一份已保存的活动快照，最新记录请到 GitHub 查看。

CHANGE / EVIDENCE

我的开源贡献

ant-design/pro-components ↗

🏆 Use Ant Design like a Pro!

TypeScript · Star 4.8k · Fork 1.4k数据快照 · 2026-10-02

修复 ProTable 嵌套列的显示联动

解决什么问题

取消父列的全选状态后，再选中子列，表格仍不显示对应内容。

我做的部分

调整嵌套列选择逻辑，让勾选子列时同步恢复父列显示，并补充嵌套时间列示例。

查看我的 PR #9226 ↗

2026-10-02 核对时已合并，最新状态以 PR 页面为准。

vantezzen/autoform ↗

🌟 Automatically render forms for your existing data schema

TypeScript · Star 3.5k · Fork 148数据快照 · 2026-10-02

为 AutoForm 新增 Ant Design 支持

解决什么问题

希望用 Ant Design 组件，根据数据模式自动生成表单。

我做的部分

接入 Ant Design 组件，处理普通字段、嵌套对象和数组表单的展示与交互。

查看我的 PR #145 ↗

2026-10-02 核对时已合并，最新状态以 PR 页面为准。

TOOLS / PRACTICE

技术栈与实践方向

这里按领域列了 43 项技术和工具。平时主要用 TypeScript、React 和 Vue，也做构建、数据处理和部署；Nuxt.js 了解一些。

• JavaScript

  现代 ESNext 标准、异步编程与原型链

• TypeScript重点

  类型系统、泛型，以及项目中的复杂类型处理

• TSX

  JSX 语法与强类型组件模式

• HTML5

  语义化标签、Web Components 与无障碍访问

• CSS3

  Flexbox、Grid、CSS 变量与 CSS-in-JS

• Astro重点

  面向内容的零 JS 群岛架构（Island Architecture）

• Umi重点

  企业级前端应用框架，微前端 qiankun 与路由插件生态

• React重点

  Hooks、Fiber 调度、并发特性与组件化架构

• Vue.js

  Composition API、响应式原理与高效渲染

• Next.js重点

  App Router、React Server Components（RSC）与 SSR/SSG

• Nuxt.js

  基于 Vue 3 的全栈元框架，支持 SSR/SSG 和自动路由

• Tailwind CSS

  原子化 CSS、设计约束系统与 JIT 引擎

• Sass / Less

  CSS 预处理器与模块化样式方案

• Pinia

  Vue 3 官方推荐的轻量直观状态管理

• Zustand

  极简轻量的 React 状态管理方案

• MobX

  透明函数响应式状态管理 (TFRP)

• TanStack Query

  异步服务端状态同步与智能缓存 (React Query)

• Ant Design

  企业级中后台 UI 体系与生态组件贡献

• Shadcn UI

  基于 Radix 的组件，可以复制到项目中按需修改

• React Router

  声明式路由与路由中的数据加载规则

• React Hook Form

  高性能表单校验，减少不必要的重新渲染

• Zod

  TypeScript 优先的运行时 Schema 校验库

• Nextra

  基于 Next.js 生成文档和博客

• Yjs

  高性能 CRDT 实时富文本协同计算框架

• ECharts

  复杂交互数据可视化图表库

• Vite重点

  基于原生 ESM 的极速现代前端构建工具

• Rspack

  基于 Rust 的高性能 Webpack 兼容打包器

• Webpack

  模块打包，以及 Loader 和 Plugin 的工作机制

• Rollup

  类库打包与细粒度的 Tree-shaking

• Turborepo

  高性能 Monorepo 多包管理与远端构建缓存

• Turbopack

  增量打包引擎

• tsup

  基于 esbuild 的轻快 TypeScript 库打包器

• Lighthouse

  检查 Web 性能、SEO 与可访问性

• Biome

  快速格式化代码，并用 linter 检查代码质量

• Git & Actions

  版本控制、规范提交与自动化 CI/CD 流程

• pnpm

  通过内容寻址和硬链接管理依赖，节省磁盘空间

• Node.js

  事件驱动、异步非阻塞的 JavaScript 服务端运行时

• Hono

  超轻快、运行于边缘的现代 Web 标准框架

• Supabase

  开源 Firebase 替代品，PostgreSQL 驱动的后端即服务

• Vercel

  全球边缘托管与自动化 Serverless 部署平台

• Socket.io

  双向、低延迟的实时 WebSocket 通信

• Gemini AI

  接入大语言模型 API，开发智能交互功能

• Resend

  面向开发者的事务型邮件服务