黄栩航

Web前端工程师 | 鸿蒙应用开发

拥有3年+前端开发经验,熟练掌握React、Vue3、TypeScript等主流技术栈
深入鸿蒙应用开发,具备从0到1的系统级应用开发经验
注重代码质量与工程化实践,擅长性能优化与架构设计
Location:中国
黄栩航

专业技能 / Skills

前端基础

  • 熟悉ES6,深入理解JavaScript核心概念(闭包、原型链、事件循环、模块化、Promise)
  • 熟练掌握TypeScript类型系统
  • React熟练掌握核心概念与Hooks API、理解Fiber架构、协调算法原理
  • Vue3 Composition API熟练使用

工程化与优化

  • 熟悉Webpack/Vite配置、优化(Bundle分析、Tree Shaking、Code Splitting、缓存策略)
  • 性能优化(渲染性能、包体积优化、LCP时间优化)
  • 组件化设计、模块化开发、自动化流程(CI/CD)
  • 掌握基于Monorepo+pnpm多包代码管理、了解微前端应用架构

跨端开发

  • 鸿蒙开发:熟悉ArkTS语言、ArkUI声明式UI开发、HarmonyOS SDK系统架构
  • 具备鸿蒙单框架系统应用从0到1开发及安卓应用迁移经验
  • 小程序:拥有微信/支付宝小程序开发经验,熟悉Taro跨端框架

后端与全栈

  • 掌握Node.js基础开发,Nest.js框架开发
  • 熟悉常用SQL操作、前后端协作与接口设计
  • 熟悉Docker容器化结合CI/CD部署操作

工作经历 / Experience

科锐国际(华为OD)

软件开发工程师2023.07 - 2025.06
  • 负责鸿蒙单框架系统应用'智能检测'应用的开发(覆盖手机/平板/PC/穿戴设备)
  • 主导传感器检测模块(陀螺仪、加速度计、光感等)的鸿蒙化迁移与开发
  • 设计并开发高复用性ArkUI组件库,显著提升团队开发效率
  • 推动基于Hypium的自动化测试体系,将关键模块分支覆盖率提升至50%+

华为智能检测应用(鸿蒙版)

用于华为1+8产品的硬件检测应用,提供显示屏、传感器、相机、音频、充电、电池等全面检测功能
ArkTSArkUIHarmonyOS SDKHypium
Highlights
  • 完成安卓版'智能检测'应用到鸿蒙的完整迁移
  • 开发传感器硬件检测功能,校准成功率达95%
  • 实现安全芯片异常智能提醒,有效提醒率达90%
  • 支撑全国2000+华为门店售后检测服务,保障月均10万+硬件检测量
Challenges
  • 全端多形态适配(手机/平板/PC/穿戴)对UI框架复用率的挑战
  • 传感器硬件差异导致的数据采集精度与容错需求
Impact
  • 提升维修转化率10%
  • 组件库提升团队响应UX设计需求的开发效率
  • 自动化测试覆盖率提升至50%+,有效保障代码质量

道乐科技有限公司

Web前端工程师2022.07 - 2023.07
  • 负责乐道选基基金投顾平台的前端开发(WebApp、小程序)
  • 负责乐道官网的前端开发,包括PC端和移动端适配
  • 负责乐道中台系统的前端开发
  • 参与AIGC工具的开发(智能文章生成、聊天机器人)

乐道选基

面向普通投资者的基金投资平台,支持WebApp、微信和支付宝小程序
Vue3Vue-routerPiniaVantEchartsUni-app
Highlights
  • 独立负责核心功能开发(基金信息展示、模拟交易、投资组合)
  • 通过Worker机制优化Echarts渲染性能,解决多图表页面卡顿问题
  • 实现虚拟滚动和图片懒加载,优化长列表性能
  • 抽象公共交易组件库和核心交易逻辑hooks,提升团队开发效率40%
Challenges
  • 解决Echarts渲染导致的页面卡顿问题
  • 处理大量基金数据的性能优化
Impact
  • 核心指标页面平均渲染时间下降45%
  • 公共组件库复用让新功能交付周期缩短一半

AIGC智能工具

探索AIGC在金融场景的应用,开发智能文章生成和GPT聊天机器人
Vue3GPT APITypeScript
Highlights
  • 参与智能文章生成工具的前端实现
  • 开发GPT聊天机器人(LeBot)前端功能
  • 探索金融场景下的AI应用
Impact
  • 营销团队周度内容产出提升200%
  • 客服FAQ自动回复命中率提升到87%

技术项目 / Technical Projects

微习惯养成跨端应用 - UpwardSteps

基于行为心理学理论的习惯养成应用,通过正向强化机制帮助用户建立持续打卡习惯
TaroReactTypeScriptNestJSDockerNginx
Highlights
  • 使用Taro+React实现跨端开发,一套代码支持微信小程序与H5端
  • 通过虚拟列表、Tree Shaking、分包等策略,小程序首屏加载时间减少30%、包体积减少23%
  • 搭建完整的CI/CD流水线,实现自动化测试、构建与部署
  • 使用Docker容器化部署,配置Nginx反向代理与HTTPS加密传输
  • 利用PM2+Cluster启动多Node进程服务,提升并发能力

taro-color-picker

高度可定制的颜色选择器组件,专为React/Taro框架设计
TaroReactTypeScript
Highlights
  • 同时支持小程序和H5平台
  • 平均周下载量达100+
  • 提供丰富的自定义配置选项

React Playground

用于快速构建预览React组件的纯前端项目
ReactMonaco EditorBabelTypeScriptWeb Worker
Highlights
  • 通过Babel/standalone实现文件编译,实现babel插件修改import source
  • 使用Monaco Editor + Allotment实现网页版TypeScript编辑器
  • 通过Web Worker拆分文件编译逻辑,优化长任务性能
  • 使用iframe实现预览功能,postMessage进行错误提示
  • 支持分享链接、下载代码、主题切换等功能

React仿Amis可视化编辑器

低代码编辑平台,通过JSON配置生成界面
ReactReact-DnDZustandDockerGitHub Actions
Highlights
  • 基于React-DnD实现组件拖拽,可拖拽到任意层级
  • 通过Zustand实现全局状态管理,支持持久化存储
  • 提供组件属性、样式、事件的可视化编辑
  • 通过Git Actions + Docker实现自动化部署

教育经历 / Education

东莞理工学院

本科 · 软件工程2018.09 - 2022.06
GPA: 3.2 / 4.0(专业前25%)
Honors
  • 大学生挑战杯科技作品竞赛省赛特等奖
  • 微信小程序比赛全国二等奖
  • 国家励志奖学金
  • 三等奖学金
  • CET-4