- 项目简介
这是一个用 Vue 3 手写的沉浸式交互项目,主要功能包括:
· 手写拖拽系统(带边界限制、状态反馈)
· 随机标题位置 + 防重叠(碰撞检测)
· 顺序点击解锁 + 半小时限时消失(消失页面展示)
· 隐藏按钮 + 二次密码进后台
· 上传呼吸灯 + 金色光晕 + 全屏警告
· 日记本(动画、翻页、编辑、随机夸奖)
· 书柜(字母排序、名字发光、同列拖拽)
· 沉浸式阅读器(左右翻页、搜索金光)
· 移动端适配(长按短按区分)
- 演示视频
【个人独立开发:高自由度交互式前端架构与沉浸式视图管理-哔哩哔哩】 b23.tv/D8l08KQ
- 项目地址
网站链接:delanri-auren.netlify.app/
- 一点感想
做这个项目的过程,也是我系统梳理前端知识的过程。从拖拽实现到状态管理,从动画到适配,每一个功能都踩过坑,也学到了东西。项目能跑起来、能上线,就是最好的回报。
- 关于我
前端开发求职/接单中,欢迎查看简介联系。