专业技能

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

• 语言与技术基础： 扎实 HTML、JavaScript、CSS 语音基础，熟练运用 Sass、Canvas、Echarts 和 Three.js 等技术，具备丰富的响应式开发经验。

• 框架与组件化开发： 精通 Vue.js 和 React 框架，熟用 ElementUI、Antd 等 UI 框架，深谙组件化开发，能够构建高效可维护的项目架构。

• 跨端开发： 精通小程序和 uni-app 开发，较强的文档理解能力，熟练调用开放 API 和组件，具备环境配置、证书管理与跨端适配经验，熟悉各类商店的审核规范与流程。

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

• 0-1 项目经验： 多次主导从项目架构设计到独立开发及结项的完整项目，始终关注代码质量与项目细节。

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

• 后端协作能力： 掌握 Node.js、Python 和 SQL 的基础知识，具备接口编写能力，能与后端高效协作，推动项目迭代与优化。

• 工具与 AI 驱动： 熟练使用各类开发工具，结合 AI 技术解决问题，快速定位难点并制定高效解决方案，不断学习新技术以提升开发效率与能力。

跨领域技能与沟通表达

• 产品思维与文档能力： 熟悉产品需求分析与原型设计，曾主导产品需求梳理、原型制作和功能文档编写工作。

• UI 设计经验： 熟练使用 Photoshop 和 Sketch 等设计工具，参与并主导多个项目的 UI 改版与界面优化工作，注重视觉与用户体验。

• 团队协作与领导力： 情绪稳定且抗压能力强，具有明确的工作规划与责任感，善于任务分解与团队协作，具备团队管理和分工协调的经验。

工作经历

项目经验

中版教育云平台

职责概述

项目管理与开发协作

• 多角色负责： 担任前端开发与项目经理，推动产品规划、功能设计与多次迭代升级，确保按时交付高质量项目。

• 代码管理与规范： 引入代码管理平台，重构代码结构，优化文档和接口平台，提高团队协作与开发效率。

• 质量保障： 编写并执行单元测试，优化测试流程，确保项目上线的稳定性与可靠性。

产品设计与商务

• 高保真设计还原： 以用户体验为核心，高保真还原设计图，统一设计语言，提升产品视觉与交互体验。

• 商务分发与审核： 熟悉各大平台审核规范，负责产品资质维护与分发上架，确保产品顺利上线。

移动端

代码重构

• 主要进行大范围的改写规范化，调试代码解决问题，确保功能正常。

• 转换新的 iOS 和 Android 代码，降低维护难度，同步更新机制。

• 处理商务审核机制，补齐材料资质，重新上架分发平台。

• 高保真还原产品设计图，统一设计语言，提升用户交互体验。

• 放弃原有代码，梳理新的页面逻辑，以重写代替改动减少理解成本，对淘汰技术进行迭代升级，保证项目的重构提升。

• 优化技术选型，先“小程序”再“UNIAPP”方案，实现一份代码三端互通，使得重构成本集中在适配上，降低近 1.5 倍的代码工作量。

• 多端维护，将小程序的修改利用 GPT 智能体转换语法，再利用 Git 分支同步更新至双平台，确保修改更新同步，保持版本统一。

突出功能点

• 利用 camera + canvas 实现拍照裁剪，转换base64调用图片识别接口，完成识别。

• 调用百度文字识别，经过去重判断书写准确率，核算结果完成评价。

• 利用 cursor + Ant Design X 工具高效开发的 AI 对话页面，接入 coze API 实现对话。

• 调用语音转文字，用户可语音发问，通过音频合成技术，AI 助手可语音作答。

• 通过 prompts 提示词构建智能体，实现定制化、专业化需求。

• 构建 AI 驱动搜索工作流，打通传统数据与 AI 处理壁垒。

• 调用语音转文字。将文字传值给关键词提取智能体，转换为搜索支持的“字词”内容形式。

• 讲字词内容传值给扩展智能体，让其发散举例供用户选择，查询数据。

• 通过 Python 爬取课程目录与生字，利用声音合成朗读每课生字，建立数据库索引。

• 对当课生字逐个朗读，支持定义倒计时与顺序次数，利用 canvas 绘制用户书写。

• 利用文字识别核算听写准确率，并生成试卷。

• 实现与纸质书二维码跳转对应，用户扫码即可进入听写模式。

Web 端

代码重构

• 性能优化：重新技术选型，重构升级 vite5.2，提升了编译打包速度和开发效率。

• 兼任产品、设计：独立规划设计 2.0 版，梳理层级模块，注重交互体验，引入视觉动效。

• 代码结构明确且组件化开发，代码风格规范统一，整合文档管理和接口平台，可维护性高。

• 梳理功能层级，简化分类结构，突出核心教学模块，优化操作路径。

• 针对教学场景，调整内容分布比例，提升信息展示效率。

关键成果

• 全流程管理： 主导项目从需求分析到上线的完整闭环，推动多端协作及 4 次重大改版。

• 技术优化与创新： 通过模块化重构与技术升级，优化开发成本，提升用户体验与系统性能。

• AI 赋能产品： 成功引入 AR 识别、AI 对话与智能搜索功能，为教学内容提供智能化交互体验。

• 多端统一与效率提升： 构建统一代码框架，实现 Web、APP、小程序三端数据同步与维护统一，提升开发效率约 50%。

中版 ERP 应用软件

职责概述

系统开发与架构优化

• 模块化设计与开发：主导编辑、编务、财务等核心模块开发，利用组件化和 Pinia 状态管理提高开发效率与代码复用性。

• 多角色权限控制：与后端团队协作，设计并实现基于角色的权限管理机制，包括菜单展示、功能访问与审批流程权限控制，确保不同角色的操作权限清晰且安全可靠。

• 流程图设计与实现：基于 AntvX6 构建复杂业务流程图，支持模块化流程配置，提升业务灵活性与可视化程度。

• 数据可视化：使用 ECharts 和 Canvas，实现多维度数据的动态展示，为用户提供直观的统计分析功能。

需求梳理与产品协作

• 反向推理旧系统流程：协助产品经理从老系统中反向推理业务逻辑与流程，深入挖掘隐藏需求，完善需求文档，为新系统开发提供清晰明确的指导。

• 需求对接与文档输出：与多方沟通明确功能需求与技术可行性，编写全面的功能设计与开发文档，确保团队协作一致性。

产品优化与用户体验提升

• 性能优化：通过前后端分离、采用 Vue 3 + Vite5.2 框架提高编译效率，优化加载速度和响应时间。

• 用户交互设计：作为设计主导者，深入分析并参考旧系统的交互逻辑，结合现代化设计理念与样式，统一设计语言，优化交互流程，简化操作路径，在保持熟悉感的同时显著提升了用户体验与操作效率。

智能化赋能

• AI 对话集成：基于本地化部署的 Qwen2.5 精调大模型，涵盖出版商的本地知识库，支持流程咨询、产品模块介绍、私有数据查询等功能，提供精准高效的智能化服务，同时确保数据安全性与隐私保护。

• 自动化业务处理：针对出版行业选题审批流程，构建智能化审批机制，利用智能体分析材料的完整性与合规性，生成审批建议并提供给相关的审批角色。该功能大幅提高了审批效率，同时确保了流程规范与数据准确合规。

关键成果

• 高效模块开发：完成多个业务模块从需求分析到上线的开发闭环，为出版行业提供高效的 ERP 解决方案。

• 精准需求梳理：通过反向推理与需求文档编写，推动了系统功能设计的准确性与开发效率提升。

• 智能化创新：引入Qwen2.5 大模型，显著提升了审批效率和系统智能化水平，为出版行业提供全新且高效的业务支持。

• 可扩展架构：设计组件化架构，支持模块化扩展，为未来功能迭代奠定基础。

• 项目价值：通过标准化的 ERP 系统，为出版行业提供全流程、高效率的管理平台，提升运营管理效能。

湖美好字帖 / 汉字百味 / 龙版写字等 7 个小程序

职责概述

产品规划与管理

• 竞品分析与资源整合：深入调研竞品功能，结合中版教育独特资源制定差异化产品策略，明确功能需求与优化方向。

• 产品设计与推进：独立完成产品原型绘制与功能文档编写，清晰呈现用户交互逻辑与核心功能点；协同后端团队设计并实现业务逻辑，确保项目在限定周期内顺利交付。

高效开发与资源整合：

• 组件化开发：借助中版教育组件化代码体系，在现有资源基础上高效迁移功能模块，并结合项目需求完成自定义调整，缩短开发周期约 40%。

• 批量资源处理：使用 Python 脚本与 ffmpeg 工具高效处理大量视频资源，为项目提供高质量多媒体内容支持，满足多样化的客户需求。

• 跨平台支持：开发产品的 iOS 版本并成功上架 Apple Store，拓展用户覆盖面并增强产品竞争力。

运营优化与产品迭代：

• 用户反馈收集与分析：持续跟踪产品上线后的运营表现，通过用户调研和甲方反馈识别改进机会，制定针对性优化方案。

• 功能迭代与创新探索：深入挖掘语文教学领域潜在需求，推动教学产品的功能扩展与创新，探索更多商业化场景，确保产品在市场中保持竞争优势。

关键成果

• 开发效率提升：通过组件化开发与脚本工具的整合，整体开发时间缩短约 40%，高效完成多个小程序的上线交付。

• 全平台覆盖：提供 iOS 和微信小程序等多端支持，显著提升用户触达能力。

• 产品商业价值提升：将数字资源与传统教学内容有机结合，为纸质书提供了全新的互动体验，增强产品附加值。

• 创新与优化：成功实现多项功能创新，推动语文教学产品的数字化与互动化升级，形成具有市场竞争力的差异化产品体系。

校园急救云平台

职责概述

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

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

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

教学平台

学生学习端

• 考试答题：支持单选/多选/填空等题型的在线作答、自动批改、结果查看，独立设计并搭建完整的考试流程。

• 在线学习与笔记：使用 Canvas 绘制、视频加密与 Office Online 技术，为学生提供支持课件讲演、笔记记录的定制化自主学习平台。

• 轻量化原生数据图表：利用原生CSS展示柱状图与点状图，满足轻量、定制的展示需求，用于学生成绩的展示与趋势预测。

教师授课端

急救小程序

管理平台

急救管理后台

数据大屏

统计报表

设备管理小程序：

• 参与设计设备激活小程序方案，简化硬件激活流程，用于实体设备的激活维护，方便实施人员。

• 通过扫码绑定客户、地图定位设备位置及蓝牙连接第三方空开，实现远程开关与高效智能化管理。

渠道培训系统：

中医科学院门户培训平台

职责与成果

• 使用 Canvas 和 Print.js 开发在线学习、考试功能，提供试卷打印和证书自动生成服务，助力培训流程数字化。

• 动态渲染试卷内容并优化生成效果，确保生成的证书与打印文档效果精准一致，提升了平台的专业性与附加值，增强用户黏性。

北外壹佳项目

职责概述

项目协调与需求管理

• 负责前端开发与需求对接，协助需求确认、工时评估与职责划分，确保跨部门协作流畅。

• 及时处理反馈问题，优化开发流程，保证项目按期高质量交付。

外研壹佳UNICLUB

• 完成小程序开发，支持核心功能：课程学习、活动报名与用户管理。

• 未满 14 周岁用户合规性设计： 根据用户隐私保护法规，设计并实现符合合规性要求的功能模块，确保产品合法合规。

题库管理后台

• 学习掌握 React 框架语法，接触新的技术栈，进一步拓展了技术栈和框架认知。

• 开发富文本题目编辑功能，实现题目增删改查及拖拽式（vuedraggable）题目组合与试卷生成。

• 技术集成与优化：
• 通过浏览器跨标签通信技术，解决 React 与 Vue 框架协作问题，实现无缝数据传递。
• 利用 jsPDF 实现答题卡的生成预览与下载功能，满足线下教学材料的高效生成需求。

关键成果

• 提升开发效率：借助组件化开发和跨框架技术集成，显著提升题库系统的数据处理与功能扩展效率。

• 优化用户体验：小程序及后台设计兼顾教师与学生使用场景，实现了高效、直观的交互体验。

• 合规性保障：成功完成针对未成年用户的隐私保护与合规性模块设计，增强了系统的市场适配能力。

• 跨部门协作成果显著：高效沟通与协调，确保了项目从需求确认到最终交付的无缝衔接。

半山现小程序

产品背景与目的

• 发现市面上许多工具类应用功能分散、体验割裂，提出整合这些功能的设想，打造简洁、全面的多功能平台。

• 项目起步阶段，我从前端开发者角色出发，首次挑战全栈开发，从前端界面设计到后端逻辑实现，全面提升了技术能力。

• 借助 AI 工具的强大协作能力，优化了开发流程并显著提升效率，尤其是在数据处理和后端逻辑设计等复杂任务中。

职责概述

产品规划与设计

• 制定整体产品规划，将每个功能模块独立设计为可拆分的单独产品，确保模块化结构清晰、易扩展。

• 优化交互与视觉设计，采用 shadcn/ui 的黑白灰主色调，摒弃冗余的视觉元素，提升用户操作的直观性。

• 结合用户需求与技术可行性，不断迭代功能层级与交互逻辑。

高效 AI 协作开发

• 利用 Python 编写爬虫程序，采集食品等领域十万条以上数据，使用 Selenium 与 Chromedriver 实现自动化爬取。

• 结合 ChatGPT 的辅助优化，设计数据库字段和结构，生成标准化 SQL 语句，确保数据处理与后续扩展的高效性。

• 开源两种通用型爬虫方案，提升社区复用价值。

• 使用 Cursor 辅助完成后端项目创建、接口封装和错误处理，显著加速了开发效率。

• 借助 ChatGPT，逐步完善 Node.js 接口设计，整合复杂逻辑并自动生成文档，确保代码可维护性与扩展性。

• 自定义样式框架和设计语言，并指导 Cursor 实现页面快速开发。

• 通过 AI 对相似页面进行比对和需求调整，减少重复性工作，提高开发一致性。

• 使用 Linux GPT 协助完成服务器环境搭建、接口部署与证书配置。

• 实现基于 Git 的自动化部署流程，支持项目快速迭代与上线。

关键成果

• 全栈开发经验积累：成功完成从前端到后端的功能开发与部署，形成完整的开发闭环。

• AI 驱动工作流优化：引入多种 AI 工具（ChatGPT、Cursor）参与开发，全流程效率提升约 40%。

• 数据与架构优化：设计并实现高效的数据库管理与大规模数据爬取方案，为后续扩展提供坚实基础。

• 社区共享价值：开源爬虫工具与部分模块代码，积累良好的开发口碑。

嘉善政务后台管理系统

职责与成果

• 需求分析与设计：与甲方深度沟通需求，梳理业务流程，完成功能设计及原型图制作。

• 前端开发与适配优化：主导 Web 端与 uni-app 小程序的开发工作，熟练应用并定制组件，完成多端适配，确保小程序在不同平台上的稳定性与一致性。

• 接口联调与数据处理：与后端团队紧密协作，完成接口联调、数据处理与性能优化，确保系统功能高效可靠。

• 代码重构与组件化封装：进行代码重构及组件化改进，显著减少代码冗余，解决历史代码冲突问题，并提升项目的可维护性与开发效率。

技术亮点

• 深度使用 Vue 生态技术，灵活定制第三方组件，提升用户交互体验。

• 高效处理 uni-app 小程序的跨端兼容性问题，增强系统的广泛适用性。

• 运用最佳实践提升代码质量，为项目后续扩展提供坚实基础。

北工大数据融合项目

职责与成果

• 全流程参与项目开发：深度参与项目设计与前端开发，积极试错并调优插件，解决关键技术难点，确保项目如期交付。

• 流程创建模块开发：利用 easy-flow 定制开发，实现元素的“创建、拖拽、连线、组合”等功能，开发可配置化的数据处理流程及流程图生成模块，显著提升数据自动化处理能力。

• 数据大屏自定义开发：打造大屏定制功能，支持用户对大屏元素的“创建、缩放、排布、组合”等操作，提供灵活的数据可视化解决方案，增强用户体验与交互性。

技术亮点

• 基于 Vue 3 的组件化开发，提升模块复用性与开发效率。

• 精细化处理插件功能，优化拖拽与连线交互，确保流程设计流畅性。

• 高度自定义的数据可视化大屏开发，为用户提供创新的数据展示方式。

项目价值

北京服装学院图书馆 - 门户与管理平台

职责与成果

• 系统维护与开发：参与 PHP + Layui 项目的维护与功能扩展，深入掌握数据库设计与数据的增删改查操作，进一步提升后端与前端协作开发能力。

• 首页加载性能优化：针对页面加载过慢的问题，设计并实施首页性能优化方案。通过建立中间表，优化查询逻辑，将数据查询时间从 8.5s 降至 1.9s，查询速度提升约 70%，显著改善用户体验并降低服务器负载。

技术亮点

• 基于 ThinkPHP5 的高效开发与 Layui 的灵活组件使用。

• 运用数据库性能优化技巧，包括中间表设计和分层查询，有效提升查询效率。

• 关注用户体验，解决实际性能瓶颈，为项目运行提供稳定支撑。

项目价值