专业技能

扎实的前端开发基础，精通框架与跨端开发

1. 扎实的 HTML、JavaScript、CSS 语言基础，掌握Sass、Canvas、Echarts 和 three.js 等技术，与响应式开发经验。

2. 精通 Vue.js 和 React 框架，熟用 ElementUI、Antd 等UI 框架，深谙组件化开发和状态管理，能独立构建高维护性项目。

3. 精通 小程序 和 uni-app 开发，较强的文档理解能力，熟练调用开放 API 与组件，丰富的 uni-app 的环境、证书与跨端适配经验，熟悉商店审核的商务规范等。

全栈视角的项目推进与协作

1. 多次主导完成从项目架构、独立开发到结项的 0-1 完整项目经验，注重代码质量和项目细节。

2. 参与项目涉及官网、后台、数据大屏、小程序、iOS、Android 等多种项目类型，涉及教育、医疗、社交多个领域的项目经历。

3. 全栈视角对待问题，掌握 node.js 语言、Python 语言、sql 语言基础。能与后端有效沟通合作，确保接口设计合理，协同推动项目迭代和优化。

4. 较强的专业知识储备与问题解决能力，善于利用各种 AI 能力快速定位并解决问题，掌握工作中涉及的各类开发工具，以提升开发效率为导向，不断学习丰富知识储备。

跨领域技能与沟通表达

1. 具备产品思维与原型绘制能力，主导过产品的需求梳理、原型制作、文档编写等工作。

2. 具备UI 设计能力，熟练使用Photoshop、 sketch等工具进行页面设计，拥有数个项目的整体UI 改版经验。

3. 情绪稳定与抗压能力强，对工作有详尽的规划与责任，协作经验丰富，负责过团队的任务分配与协作。

工作经历

项目经验

校园急救云平台

职责概述：

1. 完成 8 个子项目从零搭建、改版升级、至投入生产，业务涉及学生、教师群体、涵盖Web端、小程序、实体设备的多端开发。

2. 参与需求制定、梳理逻辑，文档便携，推动模块化协作开发，降低业务代码的复杂度。

3. 参与编写测试用例，协作完成项目测试验收工作，确保了项目质量与稳定度。

教学平台

1. 学生学习端：用于学生自主学习急救知识的教学平台
• 考试答题：支持单选/多选/填空等题型的在线作答、自动批改、结果查看，一套独自构想、搭建到生产的考试流程。
• 在线学习与笔记：利用 Canvas 绘制 + 视频加密 + Office Online + WangEditor 方案，使用户进行自主学习、笔记记录。
• 轻量化原生数据图表：利用原生CSS展示柱状图与点状图，满足轻量、定制的展示需求，用于学生成绩的展示与趋势预测。

2. 教师授课端：用于教师课堂宣讲急救知识的授课平台
在 Web 端实现了 PPT 讲演效果，本方案利用 Canvas 绘制 + 视频加密 + PDF.js + 调试禁用等手段，实现教学课件版权加密，防止传播下载的同时，实现了不输 PowerPoint 的授课体验。

3. 急救小程序：对应 学生学习端 的小程序，实现多端学习
利用 canvas 绘制 3D 人体模型，点击展示对应位置的急救知识点。附带与 Web 端一致的学习、考试等功能且数据同步。

管理平台

1. 急救管理后台：用于配置教学平台的管理后台系统，可进行账号管理、权限配置，题库组题，活动维护。

2. 数据大屏 & 统计报表
• 数据大屏 基于设计要求，利用 Echarts 插件深度化定制搭建，利用 autofit.js 实现多设备适配，确保显示效果的一致性。
• 设计 统计报表 的多种维度，定制 Echarts 图表+ Table 表格，对数据与趋势进行直观详尽展示，并支持各类筛选匹配。

3. 设备管理小程序：
• 参与设计设备激活小程序方案，简化硬件激活流程，用于实体设备的激活维护，方便实施人员。
• 通过扫码获取设备码绑定客户，简化匹配流程。通过地图绑定设备位置。通过蓝牙绑定第三方空开设备，实现远程开关设备。

4. 渠道培训系统：用于合作方、合作学习的实施培训工作，涉及 在线学习与笔记功能

中医科学院门户培训平台

职责概述：

1. 需求对接：理解并明确用户需求，并基于此进行系统架构设计，独立页面开发至上线交付。

2. 移动/ Web 端响应式开发，对不同设备适配、避免显示效果差异，优化用户体验。

3. 国际化：利用i18n技术，配合ElementUI国际化，实现了四种语言的内容和表单动态切换。

4. 全球化支付：集成支付接口，实现全球性在线收款。

5. 学习、考试和证书生成服务：利用 Canvas + Print.js 等工具，实现在线学习、在线考试、证书的生成、试卷打印功能。

北外壹佳项目

职责/项目概述：

1. 负责前端开发与需求对接工作，协助需求确认、工时评估、职责划分，协调部门沟通，及时处理反馈问题，保证项目按期交付。

2. 外研壹佳UNICLUB（小程序 + Vant Weapp），支持课程学习、活动报名、用户维护等基础功能，参与未满14周岁产品的合规性设计。

3. 题库管理后台（React + TypeScript + AntdPro）
• 支持各类题目富文本编辑等增删改操作，可利用 vuedraggable 拖拽技术组合题目、生成试卷。
• 采用浏览器跨标签通信技术使 React 项目衔接Vue 框架进行数据处理并绘制答题卡，通过 jsPDF 实现预览下载。

中版教育云平台

职责概述：

1. 负责项目的前端开发工作，高保真还原设计，协调前后端与设计，推动功能迭代与产品上线。

2. 担任项目经理，规划产品功能，把控整体进度，主导了 4 次产品改版工作。

3. 引入代码管理平台维护，对公司代码体系化编组整理，协助后端完善接口文档。

4. 承担单元测试工作，编写测试用例对项目标准化测试，指定解决方案bing验证结果。

5. 负责商务分发平台的资质维护，通晓审核流程机制，上架应用产品。

移动端

1. 2.0 维护版本
• 主要进行大范围的改写规范化，调试代码解决问题，确保功能正常。
• 转换新的 iOS 和 Android 代码，降低维护难度，同步更新机制。
• 处理商务审核机制，补齐材料资质，重新上架分发平台。

2. 3.0 重构改版
• 高保真还原产品设计图，统一设计语言，提升用户交互体验。
• 放弃原有代码，梳理新的页面逻辑，以重写代替改动减少理解成本，对淘汰技术进行迭代升级，保证项目的重构提升。
• 优化技术选型，先“小程序”再“UNIAPP”方案，实现一份代码三端互通，使得重构成本集中在适配上，降低近 1.5 倍的代码工作量。
• 多端维护，将小程序的修改利用 GPT 智能体转换语法，再利用 Git 分支同步更新至双平台，确保修改更新同步，保持版本统一。

1. AR 拍照识字与评价
• 利用 camera + canvas 实现拍照裁剪，转换base64调用图片识别接口，完成识别。
• 调用百度文字识别，经过去重判断书写准确率，核算结果完成评价。

2. AI 对话
• 利用 cursor + Ant Design X 工具高效开发的 AI 对话页面，接入 coze API 实现对话。
• 调用语音转文字，用户可语音发问，通过音频合成技术，AI 助手可语音作答。
• 通过 prompts 提示词构建智能体，实现定制化、专业化需求。

3. 在线听写
• 通过 Python 爬取课程目录与生字，利用声音合成朗读每课生字，建立数据库索引。
• 对当课生字逐个朗读，支持定义倒计时与顺序次数，利用 canvas 绘制用户书写。
• 利用文字识别核算听写准确率，并生成试卷。
• 与纸质书二维码对应跳转，实现用户逐课扫码听写。

Web 端

1. 2.0 重构改版
• 性能优化：重新技术选型，重构升级 vite5.2，提升了编译打包速度和开发效率。
• 兼任产品、设计：独立规划设计 2.0 版，梳理层级模块，注重交互体验，引入视觉动效。
• 代码结构明确且组件化开发，代码风格规范统一，整合文档管理和接口平台，可维护性高。

2. 3.0 反馈优化
• 梳理功能层级，简化分类结构，突出一级标题，优化操作路径。
• 针对教学场景，调整内容分布比例，提升信息展示效率。

湖美好字帖 / 汉字百味 / 龙教易学等小程序

1. 产品规划与管理
• 担任产品经理角色，负责竞品分析、资源整合及产品细节优化。
• 绘制产品原型，编写功能文档，协调后端明确业务逻辑，推动项目按时交付。

2. 高效开发与资源整合
• 依托中版教育的组件化代码体系，快速完成模块迁移与功能调整，显著缩短开发周期。
• 运用 Python 脚本结合 ffmpeg 批量处理视频资源，高效满足甲方多样化需求。

3. 运营优化与产品迭代
• 跟进产品上线后的运营表现，收集用户反馈与甲方建议，分析并制定优化方案。
• 探索教学产品的创新方向，确保产品功能契合用户需求并具备商业化潜力。

Visual Designer