Frontend
ReactNext.jsVueTypeScriptJavaScriptTailwind CSSAnt Design
Profile
长期做复杂前端，也熟悉 Web3 业务落地
熟悉 React、TypeScript、Next.js/Vite、Tailwind CSS 与 Vue 技术栈，具备从业务拆解、技术选型、前端架构到上线维护的完整项目经验。
React / Next.js / TypeScript
Web3 钱包与合约交互
Plasmo 浏览器插件
Telegram Mini App
Tailwind CSS / GSAP 动效
Skills
技术栈分组
首版以静态数据 SSR 输出，后续如果切换到 CMS 或数据库，页面结构不需要重写。
Build
ViteWebpackGulpESLint模块化构建PC/移动端独立打包
Web3
MetaMaskWalletConnectUnisat 调研合约交互多链切换钱包适配
Extension
PlasmoChrome ExtensionContent Script本地缓存加密存储
Backend / Ops
Node.jsKoa2MongoDBNginxPM2Linux 基础
Projects
精选项目
从简历中提炼最适合作为公开展示的项目，强调技术职责、难点和业务结果。
KMS-Wallet 内部多签钱包
2024.10 - 2024.12基于 Plasmo 的浏览器插件钱包，用于公司内部多签钥匙管理。
PlasmoReactTypeScriptTailwind CSSChrome Extension
- - 主导插件钱包系统开发
- - 实现私钥生成、本地加密存储、登录校验与延迟锁定
- - 调研 Unisat 钱包业务原理并落地到内部场景
Drago 官网与浏览器插件
2023.11 - 2024.01钱包资产检索与分析平台，插件侧支持页面内资产查询与危险地址感知。
ViteReactTypeScriptPlasmoAnt Design
- - 重构 Vite 打包架构，支持 PC 与移动端独立打包
- - 用 Plasmo 解决内容脚本插入与热更新效率问题
- - 处理 Ant Design 在 content 页面中的样式兼容
Alias 官网与 Telegram Mini App
2024.05 - 2024.07AI + 区块链项目展示官网与 Telegram 小程序，用于用户引导和任务体系。
ReactTypeScriptTailwind CSSGSAPTelegram Mini App
- - 负责官网视觉展示与动效实现
- - 解决 Telegram 小程序滑动兼容与实时开发调试问题
- - 按期完成官网与小程序开发部署
Chemix LaunchPad
2021.08 - 2023.05面向首次代币发行的 LaunchPad 平台，支持多链资产申购与拍卖业务。
VueWeb3MetaMaskWalletConnectTailwind CSS
- - 独立负责前端整体开发与维护
- - 处理钱包适配、合约调用、多链切换与线上问题
- - 协调设计、后端和智能合约开发推进业务上线
个人技术博客
长期维护自部署博客，记录前端、Web3、安全、浏览器插件和工程化实践。
VueNuxtKoa2MongoDBPM2Nginx
- - 独立部署并维护博客系统
- - 沉淀 React Hooks、插件开发、Web3 和安全相关笔记
- - 作为后续新博客升级的内容基础
Links
站点入口
旧官网和当前博客直接外链展示，新博客以预留位存在，后续只改配置即可上线。