具备5年前端开发经验的全栈型前端工程师,精通 Vue.js/React技术栈及 UniApp跨端开发。主导过AI应用、NFT平台、电商系统等多类项目从开发到上线的全过程,擅长性能优化、复杂业务逻辑实现与技术集成,具备良好的后端基础(PHP/Laravel),能高效协同团队推动项目落地。
核心技能: Vue2/3、React、Pinia/Vuex、TypeScript、UniApp
前端技术: HTML5、CSS3、JavaScript、Axios、Sass、Nuxt.js
后端/其他: PHP、Laravel、MySQL、Webpack、Git
Heartie (AI陪伴型聊天小程序)
项目描述:
Heartie 是一个专为女性用户设计的陪伴型 AI 聊天小程序,类似于 AI 男友养成游戏。该小程序旨在提供智能化的互动体验,帮助用户轻松交流和情感陪伴。
项目职责:
架构与核心功能: 基于 Vue3和 Pinia设计并实现了小程序的全局状态管理架构,独立负责整个对话模块的开发,包括消息收发、会话列表、历史记录持久化等核心功能。
流式对话体验: 针对AI响应的流式输出特性,采用 SSE (Server-Sent Events) 方案进行技术对接。通过创建可复用的SSE连接管理器,处理连接建立、消息接收、错误重试及连接关闭,成功实现了AI回复的逐字实时流式渲染效果,极大增强了对话的实时性和沉浸感。
性能与兼容性: 主导解决了 UniApp在多端下的样式兼容性问题,并通过组件按需加载和图片懒加载策略,小程序首屏加载时间优化了25%。
技术栈:Vue3, Pinia, Uniapp, Axios, SSE (Server-Sent Events), Sass
衍界数藏
项目描述:
一个专注于亚洲数字艺术与文化的NFT平台,致力于连接传统艺术家、数字创作者与全球收藏家。
通过区块链技术,为用户提供去中心化的发行与交易生态,同时为收藏家打造高审美、高文化价值的数字艺术藏品库。
项目职责:
核心模块开发: 负责平台最复杂的藏品市场、盲盒发售、即时通讯(IM) 等模块的开发。使用 TypeScript严格定义接口类型,将因数据格式错误导致的线上问题减少了90%。
高并发与实时性: 在热门藏品抢购场景中,通过请求队列、按钮防重复点击保障稳定性;对于IM、价格提醒等强交互功能,则选用 WebSocket 实现全双工实时通信。
性能极致优化: 针对藏品详情页加载缓慢的问题,实施图片分片预加载、虚拟滚动等技术,页面平均加载时间缩短了40%。
技术栈:Vue3, Pinia, TypeScript, Uniapp, Axios, WebSocket, Sass