javascript|Vue.js全家桶仿哔哩哔哩动画 (移动端APP)

2022-03-25 javascript 前端后端

项目地址 · 由于项目是移动端,电脑访问时可以切换成手机端 · 播放页面其实没有根据B站移动端来, 比较粗糙? · ?源码地址（欢迎Star） · ?在线预览项目描述前端部分

【javascript|Vue.js全家桶仿哔哩哔哩动画 (移动端APP)】实现的Swiper, Toast, Indicator组件来自Mint-ui
使用了Vue.js做单页应用
使用了Vue Router处理路由请求
使用了Axios做ajax请求
使用了Vuex管理组件间的状态，实现非父子组件之间的通信
皮肤状态通过localstorage存储

后端部分

开发环境下使用了express处理路由

待更新的功能

Video标签的优化
直播界面的优化
视频的弹幕加载
将Vuex管理优化
一些bug的解决

小提示
运行项目的时候注意一下网络, 一不小心会耗费一小波流量? (′?_?`)
遇到在线预览显示不出来的情况，可以戳源码本地运行
实现的功能

B站首页（轮播图、直播、推荐、番剧、排行榜、分区）
切换主题（黑色和粉色的主题）
搜索视频
播放页面（简介、评论显示、发表评论、点赞、番剧选集）

详情

跨域问题戳这里或项目
项目大致?

文章图片

文章图片

文章图片

文章图片

文章图片

由于项目做的比较仓促，也比较粗糙. 项目中还有很多bug, 请见谅. 欢迎大家提issue，pr. 欢迎Star, 嘻嘻?
原文地址?https://youhonglian.github.io...
关于我?RESUME

推荐阅读

上一篇：软件测试工程师常用网站整理汇总

下一篇：vue学习|Vue基础实现bilibili移动端页面