项目职责：一期提供生意经文章、店主说发帖、评论等功能，后期增加 KOC 种草秀等功能。项目使用 H5 开发以 实现快速开发迭代。 项目职责: ● 基于 Vue + Vant 开发 H5 项目。 ● 负责交互复杂功能项开发，如发帖、详情、评论等。 ● 按功能模块拆分组件，实现高度组件化的开发。 ● 根据 UI 设计，实现定制主题。 ● 解决移动端兼容、疑难问题，如输入框无法被顶起。 ● 封装业务模块，如分享到微信打开 APP 功能，方便复用。 ● 对 input 统一进行转义，防止 XSS 攻击。 ● 和产品讨论提出交互建议，优化发帖、评论的交互体验。 ● 编写记录项目业务文档和技术文档，方便新人熟悉项目。 易工品大宗采购平台 前端负责人 2021.01---2021.04 大宗项目为易工品两大业务之一的工业大宗商品采购管理平台，提供采购管理、销售管理、库存管 理、财务管理、客商管理、零件管理等功能模块。 项目职责: ● 分析功能需求，与产品经理、后端一起完成需求规划，制定开发计划，负责前端项目推进。 ● 负责前端技术调研与选型。基于 Vue3 + Vite + TS 搭建项目。 ● 采用搭配使用 ESLint、Prettier、husky、lint-staged 统一代码风格。 ● 结合 Vue 最佳实践，制定项目开发规范。推动项目代码审核流程。 ● 基于 Element 二次封装业务组件（表格、表单），通过 JSON 配置化的方式提高开发效率。 ● 后期开发业务组件库，为公司提供快速后台管理平台开发方案。 ● 负责基础模块的开发，如 axios 请求的封装、系统权限验证。 ● 接入 qiankun 微前端架构。 建信融通订单融资项目 核心开发 2019.05---2020.05 订单融资是基于经销商和核心企业之间的采购订单，为经销商提供全流程的在线融资服务，解决中小 企业融资难、融资贵的难题。平台提供注册登录、融资申请、银行审批、合同签订、申请支用、申请 还款、货物质押、还款赎货等全流程功能。 项目职责: ● 基于 Vue CLI 搭建项目，对 webpack 进行相关配置。 2 ● 封装项目基础组件（如 Header、Menu）及工具方法（如日期处理）。 ● 封装 axios 实现 API 接口的统一管理，并实现取消请求的优化。 ● 使用 Mock 进行数据模拟，解决前后端开发不同步的问题。 ● 与后端共同制定表单数据规范，模块化解耦复杂表单。 ● 利用 Vue.extend 实现全局自定义弹框，支持方法调用。 ● 利用 keep-alive 实现 Tab 标签页缓存，优化用户体验。 ● 使用策略模式优化表单校验规则，减少单文件代码量，提高可维护性。 ● 其他性能优化: ● webpack 打包分析、splitChunks 代码分割等。 ● 图片压缩、图片懒加载。 ● 本地缓存公共接口数据，减少请求。 ● 分析后端接口，考虑合并请求。 ● 提出 UI 交互建议，优化用户体验。和设计师一起制定了一套前端交互规范。 ● 总结 Vue 常见 bug，并在项目成员中进行分享。 RMDB 热门电影 个人项目 2022 08 一个展示热门电影的项目，使用 TMDB API 获取数据。 项目地址: https://react-rmdb-tan.vercel.app/ 项目职责: ● 技术栈: Next.js、TypeScript、Tailwind CSS、React Query。 ● 后期改造为使用 Mantine UI 框架，SWR 请求数据。