Anny

软件工程

2013年09月 — 2017年06月

2023年09月 — 2024年03月

【关键词】：Taro、小程序、Vue、Vite、移动端H5混合开发 【项目描述】： 是一个面向司机、乘客、运营人员、管理人员的出行类SAAS生态小程序。Taro 组件为基础，独立 UI 设计,以 Vue 为框架，小程序与H5混合开发，由 JavaScript 编写而成 【主要贡献】：根据产品需求、 UI 设计实现乘客下单、司机代下等多种下单方式、司机邀请司机、司机邀请乘客、乘客邀请乘客等多种活动营销玩法、以及司机招募等多线业务

2023年04月 — 2023年08月

【关键词】：Vue、React、Qiankun等多微前端框架 【项目描述】： 是一个面向公司内部以及SAAS租户公司内部的OA平台。多种微前端框架结合、包含Vue、React多种框架。 【主要贡献】：根据产品需求、 UI 设计实现合同管理、智能外呼、权限设置、工单管理等多业务线

2022年08月 — 2023年02月

【关键词】：暗黑模式、昼夜模式切换 【项目描述】： 是一个面向达人和本地商家的，利用达人流量为商家门店引流和曝光，同时为抖音达人提供变现能力平台系统。Element 2.0 组件为基础，独立 UI 设计,以 Vue 为框架，由 JavaScript 编写而成 【主要贡献】：根据 UI 设计为平台提供自定义白昼模式主题，以及背景为点晕染的暗黑模式主题，并支持昼夜模式在线切换功能，使平台更为个性化，用户体验更好

2022年11月 — 2022年11月

【关键词】：更换 UI 主题与交互、规范业务模块布局结构 【项目描述】： 是一个面向商运中心的，抖音本地生活服务商经营数据分析平台系统。以 Element 2.0 组件为基础，独立 UI 设计, 以 Vue 为框架，由 JavaScript 编写而成 【主要贡献】：根据 UI 设计为平台更换自定义主题，以及组件交互，使平台更为个性化；将 90%页面存在的条件查询区块中的子组件统一布局结构，并将条件查询区域模块化，让平台页面更为规范统一

2022年08月 — 2022年10月

【关键词】: H265 高清视频在线播放、音视频剪辑合成预览、视频滤镜预览、构建包优化、大批量视频文件异步、加载上传 【项目描述】： 是一个面向剪辑部门的批量视频剪辑合成生产平台。以 Element 2.0 为组件基础， 以 Vue 为框架，由 JavaScript 编写而成 主要贡献： 1. 用 VideoJS 替换原生 H5 video 标签，支持 mov 格式视频的在线播放，让 iPhone 拍的高质量 H265 视频也能在线播放，从而为公司减免了 mp4 到 mov 格式的视频转码费用； 2. 梳理 H5 中 video、audio 事件使用方法，深扒并尝试各种视频合成方法，通过多工具深扒竞品产品底层，反推实现原理，得到比竞品更优的视频模拟合成解决方案，彻底解决成品视频预览卡顿问题，从而提高了剪辑部的工作效率； 3.对接阿里音视频合成接口，但需要在合成之前预览视频滤镜效果，深扒阿里云工作台前端底层，反推其实现原理，研究利用 LUT 查找表实现滤镜自由，从而支持提前预览加了阿里内置滤镜的视频； 4.优化 webpack 配置，将构建包大小缩小了 2MB，为公司减少上传云端流量； 5.当视频为 mov 格式后，大批量视频文件异步加载与上传时出现错乱，导致部分视频已上传，但未识别时长等信息，且不定时出现浏览器崩溃问题，通过浏览器 devTool 里的工具观察各项指标，抽丝剥茧调整优化文件上传功能，使文件群加载与上传的进度都可视化，并不再出现浏览器崩溃问题，解决了正常音视频素材上传后不可用、大批量文件同时上传崩溃的问题

2022年01月 — 2022年04月

【关键词】：页面主体快速搭建、用户体验提升 【项目描述】： 是一个对接白山云 Baishan Canvas 一站式边缘云平台的，面向白山云内部所有运维的工单系统。以Ant Design 为 UI， 以 React 为框架，由 TypeScript 编写而成 【主要贡献】： 利用自研发的 API 自动生成代码工具快速完成页面的主体部分的搭建，将前端代码实现工时从 30 天缩短为 15 天；针对运维人员与客户的聊天框做用户体验优化，让用户能一眼便知当前信息回复的源信息内容，且可一键跳转至源信息位置，提高了用户阅读质量

2021年10月 — 2021年12月

【关键词】：Recoil 状态管理库 【项目描述】：是一个面向公司内部的，多客户多厂商多服务器的多类型脚本不限时间的回归测试平台，以 Ant Design 为 UI，以 React 为框架，由 TypeScript 编写而成 【主要贡献】：业务需求繁杂，多次与运维人员、后端开发讨论沟通输出可扩展性的交互设计图，有利于后期开发迭代；面对后端数据对象维度繁多，且前端页面组件组合复杂问题导致跨组件传参任务繁重的困难，经过调研对比 React 状态管理方案，最终运用Recoil 状态管理库，比 Redux 传统方案数据的状态更新范围更精准，且比 Redux 方案减少了 6 倍的代码量，使项目轻量的同时又高效

2021年05月 — 2021年09月

【关键词】：业务组件封装、React 【项目描述】：是一个服务于公司内部的，解决手工根据域名升级客户服务器错误率高问题的自动化平台。以 Ant Design 为 UI，以 React 为框架，由 TypeScript 编写而成 【主要贡献】：分析业务需求并构思且输出交互设计图；基于 Ant Design Pro 组件结合 CDN 业务场景中多服务器以及多域名需要选择的需求，封装服务器筛选穿梭框以及域名筛选穿梭框，解决了以往系统因服务器或域名数量请求过千导致的页面数据响应慢甚至页面崩溃等问题，将原来的响应长达 2 分钟的等待时长缩短为 1 秒以内

2020年01月 — 2021年04月

【关键词】：页面组件封装 【项目描述】：是一个面向后台应用的，介于券商外围应用与海外交易柜台之间的交易中台微服务群，用来快速响应券商客户的各种业务或技术创新需求。由 java 后端技术和 Vue 前端技术组建而成。 【主要贡献】：项目前端需求中出现大量的重复页面布局与样式，我负责前端代码实现，我通过对基于 Vue 封装的公司 UI 组件库进行三次封装，封装了拥有此项目 UI 与交互风格的容器组件和页面组件，增强了项目的前端代码复用性，将页面产出率从每天 1 个页面提升到每天至少 3 个页面，提高了开发效率。

2019年01月 — 2019年12月

【关键词】：基础业务组件、Vue 【项目描述】：是一套面向公司内部的根据金融业务特性进行封装的前端业务组件，供各业务部门前端开发调用，基于 Vue 封装的公司 UI 组件库进行的三次封装。 【主要贡献】：项目的成员都是后端开发，搭建前端项目困难，且前端学习成本较高，我作为项目的负责人，在负责项目进度把控之余，负责前端开发环境的部分，我通过 Yeoman 制作前端脚手架，从而统一规范与架构，并减少了项目配置工作，将每人前端项目搭建由原来的人工平均 2 天工时缩短为每人平均 3 分钟，且方便后续业务开发，提高了开发效率。