黄子杰

黄子杰

全栈开发工程师

广东省珠海市qqa12348999@gmail.comgeekiblog.com25 岁语言: 粤语(母语)、普通话、英语(CET-6)

简介

约 4 年港澳政企项目经验,专注 React 与 React Native 的 Web / App 交付;熟悉 OAuth2、JS Bridge、大列表与相机等场景的性能与工程化实践,具备需求分析、方案设计、上线与部分 DevOps 的端到端能力;日常使用 Cursor 与 MCP 等工具提升交付效率。

技能

核心框架

  • 熟练 React 生态(Redux、React Navigation)及底层机制(如 Diff 与更新流程)。

移动端

  • React Native 跨平台(Android / iOS),熟悉 Google Play、App Store 上架与发布流程。

Web 基础

  • 深入理解 JavaScript(闭包、this、原型链)、ES6+与 TypeScript。
  • 熟练使用 CSS(媒体查询、Flex / Grid)做响应式布局。

工程与运维

  • Webpack、Git / SVN、Prettier、ESLint;Charles / Wireshark 抓包调试。

AI 辅助开发

  • 熟练使用 Cursor,了解 MCP、Skills、Rules 等自动化工作流。

其他

  • 了解 Angular、Vue 2/3、VuePress 等栈,可快速接入既有项目。

工作经历

萬訊電腦科技有限公司

软件开发工程师

爱达利控股有限公司(香港上市编号 8033)成员企业。

  • 独立负责澳门政府多个 Web 与移动端项目的前端开发与维护(React、Angular、React Native)。
  • 覆盖需求分析、技术方案、生产部署与部分 DevOps,完成端到端交付。
  • 使用 VuePress 与 Markdown 搭建内部技术文档体系,降低团队沟通与上手成本。

项目经历

政务大厅筹号服务系统(Android)

面向线下政务大厅的 Android 应用:筹号、排队与调度等业务。

技术栈: React Native、Redux、React Navigation、WebView、react-native-vision-camera、Android Studio

  • 使用 FlashList 虚拟列表,并结合 memo / useMemo 优化大列表渲染,减少卡顿。
  • 设计同时支持 XML 与 JSON 的网络层,兼容遗留接口。
  • 基于 react-native-vision-camera 实现高性能扫码,并优化相机触发策略。

澳门政府柜台预约系统(React Web)

嵌入官方政府 App 的 H5 预约平台,通过 JS Bridge 与原生交互。

技术栈: React、Redux、OAuth2、antd-mobile、i18n

  • 封装 JS Bridge,打通 App 与 H5;使用 OAuth2 + PKCE 实现 SSO。
  • 在多层 iframe 场景下保持会话与多语言切换一致。
  • 搭建 Dev / Uat / Prod / Gray 多环境 CI/CD,构建唯一 ID,并集成 Eruda 便于生产环境可视化调试。

个人技术博客

全栈博客站点与在线简历,持续迭代内容与工程实践。

技术栈: Next.js、Tailwind CSS、TypeScript、Supabase、Vercel

  • Markdown 编辑、草稿、图片上传、无限滚动等完整内容管理能力。
  • SEO:generateMetadata、JSON-LD、自动化 sitemap 等。
  • 基于 Supabase Realtime(PostgreSQL CDC)与 WebSocket 的即时通讯能力。

教育经历

广东海洋大学

软件工程 · 学士

湛江市,广东省

  • GPA 3.66 / 5.0(专业前 10%)
  • 多次获奖学金;软件工程卓越班成员;计算机协会会长;以第一作者发表 EI 论文一篇。

高雄科技大学

海洋环境工程系 · 交换生

高雄市,台湾

  • GPA 4.1 / 5.0(专业前 5%)
  • 全英文授课环境下的跨学科学习经历。