一、前端架构与工程化
精通Vue/React技术栈,深入理解Vue3响应式原理(基于Proxy的依赖追踪与触发机制)、虚拟DOM diff算法优化策略及React Hooks原子化状态管理方案,曾针对长列表渲染性能问题实现Intersection Observer + 动态加载的优化方案。
具备跨端开发能力,基于Uniapp完成过多个小程序项目,熟练处理多端兼容性问题与原生插件集成,通过分包加载策略将启动速度优化40%。
掌握现代CSS开发范式,主导搭建过Tailwind UI组件库,实现设计系统与开发工作流的深度整合,擅长通过CSS Grid/Flex布局、CSS Variables动态主题与CSS-in-JS方案解决复杂界面适配问题。
二、后端技术整合能力
具备Java全栈开发经验。
一、云图库
这是一个基于 Vue3 + SpringBoot + COS + WebSocket 企业级的智能图库管理平台。
1. 图片搜索: 除去一些常见的搜索参数,π立方提供了按照图片的RGB进行搜索,以图搜图。使用ref+watchEffect自动监听搜索条件并发起查询请求。
2. 图片优化: 采用懒加载+虚拟列表进行优化,灵活使用COS中的压缩图、更改图片格式来进行压缩图片大小。
3. AI扩图: 使用后端提供的AI大模型接口,进行自定义扩图。
4. 基于 WebSocket + 发布订阅模式实现了一个高性能的多人图片协同编辑系统。在后端使用 Disruptor 消息队列处理并发消息,实现了毫秒级的操作同步;在前端通过事件驱动机制,实现了实时的状态同步、操作广播和冲突处理,保证了多用户并发编辑时的数据一致性。
二、AI答题平台
这是一个基于Vue3+SpringBoot + COS + ChatGLM AI + RxJava + SSE 的AI应用答题平台。
前台用户可以基于AI快速生成应用题目并发布各种答题应用,支持检索和分享应用、在线答题并基于多种评分算法或AI得到的回答总结。后台管理员可以进行审核应用、集中管理数据,并进行数据分析。
1. 导航菜单的动态展示: 基于 Vue-Router的路由配置自动生成导航菜单,并通过给路由的meta属性增加hideInMenu页面的显示与隐藏。
2. 全局权限校验: 通过Vue Router路由的meta.access字段配置,通过beforeEach全局路由。守卫集中校验用户有无页面权限,并进一步将权限管理相关代码封装为独立模块,简化使用。
3. AI赋能: 通过自定义Prompt, 实现AI进行随机生成题目。另外使用SSE进行流式生成, 对用户的体验更好。
4. 评分模块: 采用策略模式, 实现多个判题逻辑。
5. 策略优化: 通过线程池隔离,保证普通用户不会影响到VIP生成题目的体验。
这是一个基于 Vue3 + SpringBoot + COS + WebSocket 企业级的智能图库管理平台。 1. 图片搜索: 除去一些常见的搜索参数,π立方提供了按照图片的RGB进行搜索,以图搜图。使用ref+watchEffect自动监听搜索条件并发起查询请求。 2.
这是一个基于Vue3+SpringBoot + COS + ChatGLM AI + RxJava + SSE 的AI应用答题平台。 前台用户可以基于AI快速生成应用题目并发布各种答题应用,支持检索和分享应用、在线答题并基于多种评分算法或AI得到的回答总结。后台管理员可以进行审