快手-二次元大乱斗
项目介绍:该项目主要包括礼物1,排名,称号等功能,实现了在快手iframe 里面进行充值,点赞,送礼的交互。用websocket
与后端交互选择阵容,发送礼物出兵等实时性操作
技术栈:Vue3,Vite,W/ebSocket, Vant4
项目职责:
1.对websocket使用clas5s方式封装,导出初始化实例实现单例模式,避免其他多次实例化,注册和移除监听事件(将回调
存入和清空)在消息事件监听的时候执行注册监听事件。
2.和快手iframe交互,单独使用函数时变成对公共的方法抽离,对和快手单独的功能进行封装并暴露出去。
3.利用策略模式处理返回的websocket 和iframe 的回调函数
技术点:
1.首屏优化:通过路由懒加载,安需引入组件,静态资源以CDN形式引入,webapck配置优化等多途径进行优化。
2.Websocket 重连:每次重连时将等待时间乘以一个固定的倍数,以避免短时间内频繁地尝试连接。