昵称登录后显示

一、大屏互动系统
项目主要是基于 vue 全家桶，涉及技术包括 vue，websocket,three.js等。技术难点主要有：
1.屏幕的适配，需要适配全屏和非全屏，常见的16/9,4/3的屏幕，以及实际主办方活动中可能用到的长屏和宽屏。
2.使用 websocket 实现通信，vue bus 分发消息到各个互动页面。
3.大屏幕炫酷效果的实现，游戏中赛车，赛马等使用 canvas 实现，3d签到，logo 签到，倒计时等一些3d效果使用 three.js 实现。
该项目从搭建到实现全部由我一人完成。这个项目对我影响颇深，一个是思想层面的，因为多个活动是继承自一个基类，多个不同活动类的编写极大地加深了我对面向对象的理解，另一个是技术层面的,因为用到的技术栈如websocket、three.js都是现学现用，而且很多炫酷的效果涉及到复杂计算，让我很有成就感。项目地址：https://screen.sessionhd.com/screen/index.html?preview=browser&type=default#/3d

二、拍卖网站
主要功能包括将后端抓取自雅虎，煤炉，乐天的数据做展示，搜索、拍卖、下单，以及C端用户的相关操作，如修改资料、收藏、足迹、充值、账单等。分了 pc和h5两个端，因为客户需要，是两套单独的前端系统，后端根据客户端使用对应文件。用到的技术栈主要包括 vue3+nuxt3，h5端 UI 用的是 vant4。该项目绝大部分是我个人单独负责的，包括 pc 端搭建和功能实现，h5端的搭建和大部分功能实现，后期因甲方催促，h5端的收货地址、包裹等少部分模块由另一个前端负责。项目地址：https://idora.jp/

三、足篮球直播网站
一个由vue全家桶+vant开发的赛事直播h5网站。主要用于展示足篮球比赛赛况，包含赛事信息，比赛信息，球员信息，球队信息等。其中，比赛信息比较复杂，这里面除了基本的赛况，阵容，数据等展示信息，还有两个大的模块：聊天室和直播。这里面，聊天室主要使用setInterval轮询，动画直播则使用websocket实现通信。动画直播又分为2d和3d,2d动画效果主要由svg.js实现，3d动画效果则由three.js实现。此外，比赛的统计数据图表使用AntV中的F2实现。
该项目是我全职soho时接的一个私单，一个后端找我合作，前端是我一个人从搭建到实现，最后由他负责打包进一个app里面。