昵称登录后显示

1. AI 营销助手
内容：基于 React + TypeScript 的 AI 内容创作平台前端应用，提供多场景 AI 内容生成服务，包括营销文案、短视频脚本、海报设计等。支持实时对话、流式响应、图片上传与处理，并提供 PC 端与移动端适配。
● 流式数据处理：实现 SSE 流式响应，支持实时消息渲染
● 图片懒加载：使用 Intersection Observer API，配合骨架屏优化体验
● 组件化设计：封装可复用或业务组件（BubbleList 会话窗口、PosterView 海报生成、RedBookShare 小红书发布 等）
● 类型安全：使用 TypeScript，提升代码可维护性
● 状态管理：使用 MobX 管理全局状态，保证数据流清晰

2. 建盛材APP/PC
● 代码库迁移与环境配置：我独立完成了项目的代码库迁移工作，成功解决了React Native在iOS和Android环境中的兼容性问题，包括版本更新和环境配置等挑战。
● 热更新服务搭建：在项目中，我搭建了热更新服务，利用差分更新技术，实现了对应用的快速迭代和修复。后续，使用了reactnativepushy作为热更新解决方案，该工具支持增量更新，能够有效减少用户的下载流量和等待时间。
● 打包部署：在没有部署服务下，编写打包部署的脚本，一条命令部署资源，提高开发效率。
● 应用界面优化：在缺乏UI设计的情况下，我重新美化了应用的官方下载页面，提升了用户体验和界面美观度。
● 维护与功能开发：从01开发新PC，考虑整体架构设计，符合现有后端接口设计，以及菜单权限的设计等等，负责维护APP应用，并开发了多个重要功能，确保应用的稳定性和功能的丰富性。
● PC版开发：在后续工作中，我使用React 独立开发了产品的PC版本。在此版本中，我解决了之前可编辑表格在处理大量数据时的渲染性能问题，完成了复杂的可编辑表格功能。为提升表格性能，我采用了虚拟化渲染技术，如react-window，只渲染可视区域的表格行，显著提高了渲染效率。并考虑整个PC的UI布局设计，提升用户对产品的体验感。

3. 商高联联盟杯小程序
内容: 该项目是多院校的高尔夫联盟的小程序，可创建球局和规则、计分和统计、即时加入球局，添加相关赛事和查看积分，并且可查看相关赛事的直播和视频回顾等等，实现线上高尔夫球局计分全流程。
● 封装高尔夫球局规则、弹框等业务组件，以及 UI 组件，减少代码冗余。
● 用空间换时间减少嵌套循环优化球局计分统计计算。
● 使用 websocket API 实现即时加入球局的功能，canvasd 完成计分海报、分享海报等绘图。
● 对小程序进行分包，减小体积优化项目打包后过大的问题，加快加载速度，提高用体验。
商高联联盟杯小程序 前端工程师 2022.10-2023.02
● 参与客服系统、大数据看板及 ERP/CRM 系统的开发与迭代
● 组织代码评审与技术分享，推动团队编码规范与问题解决能力提升

4. 公众号后台管理系统
内容: 针对之前老系统打包慢代码杂乱等问题进行重构，本项目主要针对多个公众号管理，以及广告管理、域名管理、权限管理等，统计公众号的各种消耗等，方便内部人员使用。
● 参与技术选型，使用新架构后节省15%的开发时间
● 搭建 webpack 项目工程脚手架，配合使用 Prettier + ESlint + StyleLint 等工具进行格式化处理和代码检查
● 从代码架构层面优化项目，对组件化和模块化有良好的把控，保证项目的可维护性，提升项目的复用价值
● 封装 axios 请求和 api 方法，设置拦截器做一些缓存和 token 无感知刷新
● 根据后端返回的不同角色的菜单动态生成菜单、匹配路由
● 利用防抖实现远程搜索，节流解决滚动条无限下拉加载更多以及频繁点击按钮等高频问题
● 使用 vuex 存储全局数据和方法，并按需将 vuex 数据持久化
● 加入 vuecolor ，实现对动态输入框的动态颜色选择功能

5. 众号数据统计大屏
内容: 该项目为内部工作人员展示投手的消耗排名、公众号消耗以及广告的曝光和消耗。
技术栈：Vue + Webpack + Echarts + Swiper
● 了解实用技术用以提升产品的交互效果，使用操作更人性化。
● 对数据进行计算统计、转换成所需要的格式，用 Echarts 结合数据实现自定义图表。
● 采用 postcss-pxrem、flexbox 及媒体查询实现移动端以及大屏的适配。
● 采用 swiper 实现页面的滑动，seamless-scroll 实现自动滚动，并加入手动滚动开关满足产品的需求。

6. 广告 H5
内容：本项目主要是移动端的广告展示，并采集用户行为数据。
● 利用 webpack 多入配置实现多应用页面模版。
● 注重页面加载的性能，提升用的体验。
● 支持滑动展图片，图片使用懒加载，节省了项目组 oss 流量成本。
● 使用 promise 代替老项目中无限回调地狱，解决同步异步带来的广告加载顺序问题。
● 埋点记录用对广告的曝光、点击等行为，针对不同类型广告的曝光、计费、点击的统计，使统计率更精准。