- 主导低代码平台架构设计，目前已支撑2个项目快速开发，减少50%重复工作量。
- 采用微前端解决方案（qiankun），实现子应用动态加载，解决跨应用路由/样式/主题同步难题。
- 全栈技术栈：前端（Vue3/React/TS/Uniapp/微信小程序）、工程化（Webpack/Vite/Gulp）、后端（Node.js/Java）。
- 封装高复用播放器组件（HLS/FLV/MP4支持），延迟优化至300ms内，覆盖PC/H5/小程序多端。
- 跨端开发：主导3个微信小程序、Uniapp多端适配方案。
- 图形学实践：基于Three.js/fabric.js实现视频标注、多比例裁切等交互功能。
- 搭建CLI工具（tm-cli），实现项目初始化、快速创建组件，节省30%开发成本。
- 淘米旗下相关项目 - Vue3,TypeScript,Element-plus
- 项目概述：淘米旗下相关项目包括客服平台（低代码）、游戏活动模版（jQuery）、游戏活动脚手架（kf-cli）、发布系统（低代码）、【淘米会员中心】小程序和小程序管理后台。
- 个人职责： 优化和重构客服平台，封装公共组件并提取公共逻辑；整理游戏活动模版并从0到1搭建脚手架工具（kf-cli）；从0到1搭建发布系统；使用乾坤（qiankun）搭建微前端应用小程序管理后台（Vue3）。
- 项目难点：低代码平台的整体设计、平台中组件的事件处理以及组件的数据获取；从0探索微前端框架qiankun的使用, 并解决框架中遇到的问题。
- 工作成果：
- 封装了kf-table、kf-dialog、富文本、v-auth、api.js等组件和核心模块，对路由和表单验证逻辑进行了优化，并进一步对组件的数据结构进行了重新设计，让组件能以组合的方式速响应业务需求。
- 游戏活动模版中封装了用户信息栏、页面切换等常用组件，并完成脚手架的搭建，能支持快速从模版生成游戏活动。
- 使用Vue3+Vite+TypeScript+ElementPlus+Axios+VueRouter+Pinia的技术栈搭建了全新的发布系统，采用低代码的设计思想，通过配置文件快速开发项目，保证了在新增功能时至少减少了50%的工作量。
- 使用原生微信小程序从0到1搭建了【淘米会员中心】小程序，封装了useLogin、api.ts、flex.css等基础功能，支持在多种环境中快速切换。
- 使用乾坤（qiankun）搭建了微前端应用，实现了主应用和子应用的动态加载，并解决了子应用的路由query参数不显示、主子应用主题色同步切换、主子应用之间的样式冲突等问题，而且在多个项目中进行了推广使用。
- 智慧美育艺术素质测评项目 - Vue3,TypeScript,Element-plus
- 项目概述：贵州省艺术素质测评项目，系贵州省教育厅携手课堂内外—智慧美育研究院共同打造的经典案例。以教育部级美育专家为引领，结合贵州省地域属性特征，个性化定制的艺术素质测评云平台及专属题库。
- 个人职责： 负责题库、作品评分等模块的15+页面开发。
- 项目难点：文件上传、下载。
- 工作成果：
- 为提升项目的开发效率并增强可维护性，封装了useUpload、useTable等10+个Vue Hooks和代码生成工具，减少了50%的代码量和工作量，从而避免了重复开发文件上传、表格列表以及分页等功能。
- 阅流（上线，18人，前端 8 人） - uniapp,Vue
- 项目概述：「阅流」是一个创意资产管理与协同工作流平台，具有影像数据实时上云、媒资管理、云上生产协作三大模块，助力用户进行云端影音创作。目前服务于影视飓风、少年得到、特赞等50+家企业以及100w+个人用户。
- 个人职责： 作为开发负责人对播放器进行技术选型；播放器业务功能开发；统一项目组开发规范。
- 项目难点：PC、H5、小程序多端适配；播放器适配多种使用场景；视频画面的圈点和标注；项目的组件化和工程化。
- 工作成果：
- 为灵活应对需求，对播放器进行了组件化拆分，分为接口组件、容器组件、功能组件3类，共计30+组件，提升了50%的开发效率。例如，多屏播放器组件支持同时播放2～4个视频。
- 为方便用户可以在视频上方进行圈点和标注，在Canvas工具库fabricjs的基础上封装出一套属于自己的绘图工具组件
- 使用hls.js、flv.js、video.js封装了一套属于公司的专属视频播放器组件，能够同时支持MP4、m3u8、flv等多种视频格式的播放，其中直播视频能将延迟控制在300ms以内，能很好的满足用户实时审片的需求。
- 由于用户对播放器进度条有特殊需求，为播放器封装了新的进度条组件，除了时间跳转的基础功能之外，还能选择播放区域，以及hover后预览视频画面。
- 为应对用户需要在不同比例下查看视频的需求，使用Canvas实现了对视频画面分别进行2.35、1.85、16:9、9:16、4:3、1:1等多种比例的裁切。
- 除了以上的组件外，还封装了图片缩放预览组件、视频画面旋转组件、文件对比组件、3D文件预览组件、音频播放器组件等。
- 为实现播放器能实现PC、H5、微信小程序多端适配，以及在多项目中使用，使用submodule对播放器模块进行分离，后续可以将播放器单独发布成npm包。现已有3+项目在使用播放器相关功能，已服务于14+开发同事。
- 项目开发后期，播放器团队已从1人增加到2人，为保证播放器的开发质量以及与各项目组的对接效率，制定了统一的编码规范、命名规范和分支管理规范，开发时进行单元测试，开发后编写播放器使用文档，并自动化集成和部署。
- 大约旗下项目（上线， 5人，前端3人） - 微信小程序,Vue
- 项目概述：该项目属于付费会员制电商，涉及小程序端和后台管理。
- 个人职责： 【锦鲤多多】和【锦鲤内购】小程序开发；后台管理项目开发；特殊动画实现。
- 工作成果：
- 由于原生的布局语法过于繁琐，实现了对【栅格布局】和【Flex布局】的封装，团队开发效率提升80%
- 由于抽奖活动弹窗过多导致管理混乱，运用了Promise异步等待的特性解决了这个问题，使得用户体验得到了极大提升。
- 简历 - ejs,parcel
- 项目概述：⼀份通过JSON进行配置，兼容PC、⼿机和平板设备，还可以通过浏览器直接打印的⽹⻚版简历。
- 项目成果：
- 首先通过parcel-transformer-ejs将ejs语法构建成html代码。
- 然后通过媒体查询兼容不同设备。
- Dev-Box - Node.js,gulp
- 项目概述：使用Node.js 和 gulp 封装的开发工具箱，用于封装常用脚手架以及API调用等，以此提高项目开发效率。
- 项目成果：
- 为实现快速发布静态网站，将创建Github Action工作流、添加环境变量、创建Coding仓库和腾讯云对象存储桶、设置自定义域名、创建域名解析记录、申请HTTPS域名证书集成到工具箱中，实现了一键部署静态网站。
- 个人博客 - Hexo
- 项目概述：本人热爱技术，乐于分享，持续更新语雀300多天，累计获得关注数340+。
- 项目难点：将语雀文章发布到Hexo博客。
- 项目成果：
- 通过钉钉和云函数实现了语雀文章发布到Hexo博客，并且教程文章获得语雀精选，访问量1500+
- 博客首先使用Hexo进行开发，然后使用Github Action 将代码分别推送到Coding和Github Pages，最后使用腾讯云部署静态博客。
- 上海淘米网络科技有限公司 - 前端开发工程师
- 负责客服平台开发（Vue、低代码）
- 负责游戏活动模版（jQuery）和活动脚手架工具（kf-cli, Node.js）的开发
- 负责从0到1搭建发布平台（Vue3、TS、低代码）
- 重庆天籁教育科技有限公司（兼职） - 前端开发工程师
- 负责智慧美育艺术素质测评项目（后台，Vue3, TS）
- 上海阅竞网络科技有限公司 - 前端开发工程师
- 负责阅流播放器开发
- 上海大约网络科技有限公司 - 前端开发工程师
- 负责小程序端和后台项目开发
- 负责项目中UI组件库封装
- 重庆理工大学B305实验室 - 软件研发工程师（项目负责人）
- 负责前后端项目开发
- 负责产品需求沟通以及制定开发计划和分配开发任务
重庆理工大学 - 本科 - 软件工程 
