熟悉HTML5,CSS3,JavaScript以及ES6+,了解W3C和ECMAScript标准,可快速搭建前端页面。
熟悉前端组件化,模块化以及工程化开发,可熟练使用Vue并理解其响应式原理以及相关生态。
具备主流框架React,uni-app的项目开发经验并结合TypeScript开发,掌握webpack,vite的使用。
熟练使用Element,Ant-Design,Vant等主流UI框架,并对其进行二次封装,提高开发效率。
理解浏览器渲染原理,了解HTTP,TCP,WebSocket等网络通讯协议,了解MySQL,Redis等数据库技术。
了解Node相关技术:Express,Koa,Nest,Next,Nuxt。
在线会议系统
项目技术:Vue3 Koa TypeScript WebSocket WebRtc SRS FFmpeg Docker
项目描述:多人在线会议系统,支持多用户同时共享屏幕与视频聊天。
主要成果:
通过WebRTC进行推拉流,解决llv拉流延迟较大的问题,实现会议过程中毫秒级延迟,并通过SRS服务器解决WebRTC容易断线的问题,实现长时间稳定会议。
通过WebSocket实现前后台的消息传递,监听屏幕的分享,控制视频流的推送与拉取。
通过对流的交换和控制,实现视频切换和对摄像头,屏幕分享的控制。
校园服务小程序
项目技术:uni-app Vue3 TypeScript VantUI Nest MySQL Redis
项目描述:基于uniapp开发的微信小程序,主要为了提升学生在校园内的日常生活水平和便于进行校园管理。
功能模块:课程信息模块、申请模块,论坛模块(点赞,评论,收藏、关注、私信),消息模块,失物招领,二手买卖,快递代拿,聊天模块,通知模块,个人信息模块、浏览历史模块、收藏记录模块。
主要成果:
通过对评论和点赞数据的遍历判断用户是否点赞并统计数量,并解决收藏操作的网络请求乱序问题。
通过Redis收集依赖,微信订阅发布消息通知,并结合后台定时任务处理过期订单和未及时审批的申请。
通过WebSocket实现聊天和私信功能,实现聊天记录的保存和回显并展示最近联系人和聊天消息。
数据治理治理系统
项目技术:Vue3 vue-router pinia TypeScript Reactivity Transform ElementPlus Echarts
项目描述:基于 Vue3开发的 PC 端后台系统,该系统首页进行了可视化展示, 可依据筛选条件展示数据对比情况,同时设计了权限系统以及数据模拟、数据清洗、装备管理、用户管理、权限配置以及日志导出等菜单项。
主要成果:
通过hooks的形式使用pinia将数据和网络请求封装,统一管理以便维护,并减少代码冗余性。
对业务中常用组件进行封装,如筛选组件,图表展示组件,表格组件,对话框组件等。
基于权限系统设计了路由配置,可基于权限生成动态路由,并配置缓存组件,减少不必要的网络开销。