Tattoo

Cats

Bass

Cooking

True Colors: A Decade

About Me

An engineer who doesn’t look like one

Photos of me with long hair

I’m a front-end developer, sometimes dabbling in product design and a bit of not-so-serious full-stack work.

I grew up in Chaozhou’s ancient town and now live in Guangzhou. I’ve always been surrounded by Lingnan and Hong Kong culture, and I mostly speak Cantonese and Teochew in daily life.

I’m into being on my own, raising cats, long hair, tattoos, rock & metal, and cooking — all the good stuff.

Learn more >

Recent Blog

Tech Insights, Product Design & Life Musings

Vue Picture Cropper 1.x Released: The Design Philosophy Behind It

Vue Picture Cropper 1.x Released: The Design Philosophy Behind It

During this Spring Festival holiday, I gave the vue-picture-cropper package a major update, mainly to address some long-standing design and engineering issues. Although it's a breaking change, the migration cost for users is low, and there are now more flexible usage patterns (e.g. composables). I also gathered some thoughts while rewriting the source code, and I'd like to share them in this post.

2026/2/24 17:05:02

Open Source Projects

Projects that I created or maintaining

@iso-639/mapping

2
3.15k

ISO 639 language code mapping toolkit, which can easily help you manage language data.

Toolkit

git-commit-analytics

30
2

A tool to analyze your git repository's commit log. I can help you generate daily/weekly or longer work reports.

Program

@bassist/tsconfig

11
3
8.58k

Some TSConfig files for working with TypeScript projects.

Configuration

create-preset

47
3
130.57k

Provides the ability to quickly create preset projects.

Scaffold

refresh-token

11
3

The refreshToken scheme and demo based on OAuth 2.0 for Front end developer.

Tutorial

vue3-ts-vite-starter

15
2

A template for Vue with TypeScript, base on Vite.

Template

@re-dev/react-truncate

53
8
3.41M

Provides `Truncate`, `MiddleTruncate` and `ShowMore` React components for truncating multi-line spans and adding an ellipsis.

UI

react-forage

2
4.30k

LocalForage Hooks and Providers for React.

Toolkit

zhihu-collection-helper

3

Zhihu Favorites Assistant can add articles from a column to favorites. It is suitable for situations where a large amount of content needs to be filled in the favorites at the initial stage of creation.

Program

@bassist/build-config

11
3
492

Opinionated collection of common build tool configurations.

Configuration

@bassist/progress

11
3
28.26k

Simple slim progress bars base on NProgress.

UI