FRONTEND / WEB3
黄士超 - 前端开发工程师
7 年前端开发,主力 Vue3 + TypeScript, 熟悉 React/Next.js 技术栈。专注中后台架构与效率工具建设,主导落地过 Schema 驱动表单引擎,Qiankun 微前端平台整合和小程序分包优化等方案,具备从方案设计到独立交付的完整能力。初步完成 Web3 前端转型,已掌握 wagmi + viem + RainbowKit 技术栈,熟悉钱包连接、合约交互等 DApp 核心开发模式。
在线作品
Mimo TTS
AI 语音合成工具,面向文本转语音与试听工作流。
Image Prompts Flow
图片提示词流程工具,用于组织、生成和迭代图像创作 Prompt。
Wallet Ops
Web3 钱包运营看板,覆盖资产、交易与授权风险管理。
专业技能
- 前端框架:精通 Vue3、TypeScript;熟练 React、Next.js App Router;熟悉 Solidity 基础与链上交互模式
- Web3 技术栈:熟练 wagmi、viem、RainbowKit,掌握钱包连接、合约读写、事件监听等 DApp 核心交互;了解 EVM 链(Ethereum/BSC/Polygon)差异
- 工程化与架构:熟练 Vite、Webpack 构建优化;掌握 Qiankun 微前端架构、JSON Schema 配置化表单引擎设计、组件库二次封装
- AI 辅助研发:熟练使用 Claude/Gemini/Codex 等 AI 编程助手,将 AI 深度融入日常开发工作流以提升研发效能
工作经历
万顺科技产业(深圳)集团有限公司
高级前端工程师 | 2025.05 - 2026.03
- 用 JSON Schema 驱动表单引擎设计与落地,将字段渲染、联动规则、校验逻辑封装包,使同类表单需求交付周期大幅缩短
- 基于 Qiankun + Vben Admin 搭建 Vue3 微前端子应用模板。
富德生命人寿保险股份有限公司
前端开发工程师 | 2020.12 - 2025.03
- 设计并落地 JSON Schema 驱动的动态表单/表格/搜索栏引擎,需求变更响应从 1 天缩短至 2 小时,重复代码量减少 80%
- 主导微前端架构整合,将 5+ 个独立后台系统统一接入 Qiankun,实现单点登录、数据共享和独立部署,系统加载性能提升 40%
- 独立交付移动端 H5 核心业务模块,覆盖客户资料查询、保单管理等高频场景,页面加载时间控制在 1.5s 以内
广州风行乳业股份有限公司
Web前端 | 2019.09 - 2020.12
- 独立完成电商平台前端核心模块开发与日常迭代,保障业务快速上线
- 开发移动端仓库管理系统前端,实现与 SAP 系统的库存数据实时同步与业务流程对接
项目经历
wallet Dashboard
前端开发 | 2026.03 - 2026.05
- 基于 Next.js App Router + RainbowKit 接入多钱包连接能力,支持 MetaMask、WalletConnect 等主流钱包
- 使用 viem + Alchemy Token API 封装链上数据读取层,实现 token balance、transaction history、approval 记录的统一获取
- 设计 watchlist、Tokens、Transactions、Approvals 四大 Dashboard 页面,形成面向 Web3 运营场景的信息架构
- 实现 allowance 风险扫描功能,基于当前持仓 token 和已知 spender 列表读取实时授权状态,区分高/低风险授权,支持通过连接钱包直接发起 revoke 操作
基于 Qiankun 的 OA 增量式重构与配置化表单模式
前端开发 | 2025.05 - 2026.03
- 评估旧 OA Vue2 项目的升级可行性,梳理启动、构建和历史依赖问题,尝试推进老项目瘦身与性能优化
- 在保留旧 OA 基站的前提下,更新子应用模版,基于 Qiankun 接入新的 Vue3 子应用
- 基于 Vben Admin 统一后台权限、路由、菜单和页面模板能力,提升页面开发一致性与可维护性
- 设计并实现 Schema 驱动表单能力,并沉淀到公司内部包,支持字段渲染、组件映射、校验规则、显隐控制和联动逻辑等配置化
全栈全流程开发多网站建设
前端开发工程师 | 2024.07 - 2025.04
- 设计 JSON Schema 数据驱动协议,统一表单、表格、搜索栏等组件的元数据描述与动态渲染
- 基于 Vue3 开发动态组件引擎,通过 Schema 解析自动生成 Form/Table/Search 组件,支持 20+ 字段类型与自定义插件扩展
- 搭建 Koa2 BFF 层,基于洋葱圈模型实现请求生命周期管理(错误捕获、日志跟踪、权限校验)
- 优化 Webpack5 构建流程,提升打包速度
微前端架构整合管理系统
前端开发工程师 | 2020.12 - 2024.07
- 实现了统一登录和数据共享功能,提升了用户体验和工作效率
- 主应用通过 Qiankun 动态加载子应用,封装了统一的鉴权包和通信协议,确保了系统的安全性和稳定性
- 采用 container 命名约定,成功解决了 CSS 污染问题,保持了界面的整洁和一致性
- 实现了按需加载子应用,显著提升了系统性能,避免了多开子应用导致的崩溃问题
仓库管理系统增强
前后端开发 | 2020.08 - 2020.10
- 项目简介:这是一个应用于公司内部的移动端仓库管理系统,旨在实现 SAP 系统中实物库存与系统库存的实时同步,提升仓库运营效率
- 负责开发出库产品、入库产品、移库产品和盘点产品的功能模块
- 前端使用 Vue 框架,结合 Vant UI 组件库进行多页面开发,确保页面的流畅交互和用户体验
- 后端基于 Spring Boot 框架开发,使用 Axis2 生成 SAP 客户端文件,并通过调用 SAP 接口实现与库存系统的无缝对接
教育经历
- 学校:电子科技大学中山学院
- 学历:本科
- 专业:计算机科学与技术
- 时间:2014 - 2018
本人乐观积极,在校担任过社团社长,带领社团成员组织多次活动,到其他地区学校交流,比赛。