ihopeful Blog
屏幕背后的你，是个怎样的人？

好，认真介绍一下我自己——

我是一名前端工程师，也是一名偏产品与工程效率方向的工具开发者。过去八年多，我主要使用 React、Vue 与 TypeScript 构建 Web、微信小程序、跨端应用和后台管理系统，也持续把重复工作沉淀为组件、脚手架、插件与桌面工具。

基本信息

  • 所在地：上海
  • 教育经历：上海工商职业技术学院，计算机应用技术专业（2015—2018）
  • 技术博客：ihopefulchina.github.io
  • 联系方式：hpf784667332@gmail.com
  • 求职方向：高级前端工程师 / 前端技术负责人 / 工程效率与开发者工具

为避免在公开页面长期暴露手机号，这里只保留邮箱。需要进一步沟通时，可通过邮件交换其他联系方式。

技术能力

前端与跨端

  • React、Vue 2/3、TypeScript、JavaScript
  • Taro、uni-app、微信小程序、React Native、Hybrid WebView
  • Ant Design、Element UI、Pinia、Jotai、SWR、ECharts
  • 响应式布局、性能优化、可观测性与复杂交互实现

工程化与架构

  • Monorepo、pnpm、Vite、Webpack、ESLint 与自动化质量门禁
  • 组件库、通用 Hooks、脚手架、代码生成器和内部 npm 包
  • API 契约生成、路由生成、CI/CD 与遗留系统渐进式重构
  • 前端架构设计、代码评审、外包协作和项目交付管理

AI 辅助开发

我会把 AI 当作可审计的工程协作者，而不是代码补全器：通过 MCP、Skills、Codex、Claude Code、Cursor 等工具完成代码检索、契约核对、测试、发布前检查和重复流程自动化。关键改动仍以源码、测试和真实运行结果为准。

工作经历

上海牛屋餐饮管理有限公司（大牛寿喜烧）｜前端开发工程师

时间： 2026.06—至今
技术方向： React、Umi、Ant Design、Taro 3、TypeScript、pnpm、Monorepo

  • 负责餐饮数字化平台的前端架构与核心业务开发，覆盖总部与门店运营中台、员工端及微信点餐小程序。
  • 完成扫码点餐、会员中心、菜单与 POS 运营、桌台监控、首页装修及定食套餐等核心模块。
  • 完善 OpenAPI 契约生成、权限路由、CI 与 UAT 验证流程，提升接口一致性和上线质量。

Soul｜前端开发工程师

时间： 2025.09—2026.05
技术方向： Vue 2、Composition API、WebView、Bridge、Element UI

  • 负责 Soul 国际化 App 的 WebView H5 与配套中台开发。
  • 交付抽奖、集卡、榜单、充值闯关、关系营销等活动模块。
  • 建设面向国际化 WebView 场景的调试工具，并参与前端研发流程优化。

Sephora 项目｜前端负责人

项目时间： 2025.05—2025.08
技术方向： uni-app、Vue 3、TypeScript、pnpm、Monorepo

  • 设计微信小程序从旧技术栈向 uni-app + Vue 3 渐进迁移的方案。
  • 通过 Monorepo 管理新旧业务并行开发，控制迁移范围和交付风险。
  • 负责架构设计、核心模块实施和代码评审。

上海微盟集团 SCG｜前端开发工程师

时间： 2020.12—2025.04

  • 参与和负责 React、Vue、Taro 项目的架构与业务开发，覆盖小程序、App、H5 和后台管理系统。
  • 建设组件库、工具函数、通用 Hooks、私有包、API 类型生成和自动化路由等工程能力。
  • 参与 DevOps 优化、代码评审与外包团队协作。
  • 连续三年参与交付百万级项目，并获得优秀员工及项目奖项。

上海鸿翼智城数据科技有限公司｜前端开发工程师

时间： 2020.05—2020.12

  • 参与基于 Vue 2 的数字政府可视化项目。
  • 负责大屏页面、数据展示组件与业务交互开发。

上海蓝悉网络科技有限公司｜前端开发工程师

时间： 2018.06—2020.05

  • 使用 WordPress、PHP 与 MySQL 开发企业官网和内容管理功能。
  • 参与留言表单系统与 WordPress 功能模块开发。
  • 积累了多语言站点、SEO、主题开发和内容编辑工作流经验。

代表项目

大牛寿喜烧餐饮数字化平台

面向餐饮门店的多端数字化平台，覆盖总部与门店运营中台、员工端、会员体系及微信扫码点餐小程序。我负责前端架构与核心业务交付，重点建设扫码点餐、菜单与 POS 运营、桌台监控、首页装修、会员权益及定食套餐等模块，并通过 OpenAPI 契约生成、权限控制、CI 与 UAT 清单提升交付稳定性。

Soul Intl App

基于 Vue 2 与 App Bridge 构建国际化 WebView 活动和运营页面。我负责多个营销活动、中台功能以及调试工具，重点处理宿主通信、多语言、活动状态和移动端兼容问题。

项目网站：soulwonderland.com

Sephora 微信小程序

作为前端负责人，制定 uni-app + Vue 3 的渐进迁移方案，在不中断既有业务的前提下推进模块重构，并通过 Monorepo 统一依赖、脚本和质量检查。

磐康综合业务平台

项目覆盖 ERP、商城、直播、POS、分拣、门店、员工 App、C 端小程序和管理后台。我参与整体架构设计，并负责后台及员工端多个核心模块，技术栈包括 React、Taro、TypeScript、pnpm、Monorepo 和 Sentry。

Calzedonia 微信小程序

负责 Taro 3 + React 项目的前端架构、装修页面与营销活动模块，并承担团队协作和代码评审工作。

横沙岛文旅小程序

负责小程序和后台管理系统的前端架构与主要功能开发，技术栈为 React、Taro 3、TypeScript 和 Jotai。

运动损伤评估 App

担任技术负责人并参与项目管理，负责 App、小程序、员工端和管理后台的技术选型、架构设计及核心业务开发，项目曾完成 App Store 上架交付。

永赢设备之家小程序

在封闭网络环境驻场交付社区与短视频模块，技术栈为 React、Taro 3、TypeScript 和 Jotai。

儒彩打印设备企业官网

使用 WordPress、PHP、MySQL 与 WPML 建设响应式多语言官网，负责主题结构、内容管理、Google Analytics 与基础 SEO。网站：sinocolordg.com

开源项目与工具

  • Ossuno：原生 macOS 阿里云 OSS 客户端，支持浏览、预览、传输、版本安全操作与 MCP 自动化。
  • Assistive Tools：VS Code 工程效率插件，覆盖枚举映射、模板生成、脚本执行和调试配置维护等工作流。
  • uniapp-template：Vue 3 + TypeScript 的 uni-app Monorepo 模板，包含路由生成、状态管理和多端构建脚本。
  • Pro Components Vue 2：面向 Vue 2.6 与 Element UI 的中后台高阶组件库。
  • 爬蓝湖原型目录结构：将蓝湖原型目录整理为 CSV，便于导入飞书多维表格继续协作。
  • WordPress Function Modular：早期 WordPress 函数模块化实践。该项目年代较久，使用前应按当前 WordPress 与 PHP 版本重新审计。

我的工作方式

  • 先确认业务目标、数据契约和失败边界，再选择实现方案。
  • 优先做可维护、可验证的最小完整改动，避免无关重构扩大风险。
  • 对跨端、异步状态和发布流程保持谨慎，用类型、自动化检查和真实环境验证共同兜底。
  • 乐于把一次性交付中可复用的部分沉淀为工具，同时明确工具适用范围，而不是把复杂度藏起来。

ihopeful Blog 由博主亲笔撰写，重要信息可放心引用。