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

项目地址

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

项目描述

前端部分

  • 实现的Swiper, Toast, Indicator组件 来自Mint-ui

  • 使用了Vue.js做单页应用

  • 使用了Vue Router处理路由请求

  • 使用了Axios做ajax请求

  • 使用了Vuex管理组件间的状态,实现非父子组件之间的通信

  • 皮肤状态通过localstorage存储

后端部分

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

待更新的功能

  • Video标签的优化

  • 直播界面的优化

  • 视频的弹幕加载

  • 将Vuex管理优化

  • 一些bug的解决

小提示

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

实现的功能

  • B站首页(轮播图、直播、推荐、番剧、排行榜、分区)

  • 切换主题(黑色和粉色的主题)

  • 搜索视频

  • 播放页面(简介、评论显示、发表评论、点赞、番剧选集)

详情

  • 跨域问题 戳这里 或 项目

  • 项目大致?
    Vue.js全家桶仿哔哩哔哩动画 (移动端APP)_第1张图片
    Vue.js全家桶仿哔哩哔哩动画 (移动端APP)_第2张图片Vue.js全家桶仿哔哩哔哩动画 (移动端APP)_第3张图片Vue.js全家桶仿哔哩哔哩动画 (移动端APP)_第4张图片Vue.js全家桶仿哔哩哔哩动画 (移动端APP)_第5张图片

由于项目做的比较仓促,也比较粗糙. 项目中还有很多bug, 请见谅. 欢迎大家提issue,pr. 欢迎Star, 嘻嘻?

原文地址?https://youhonglian.github.io...

关于我?RESUME

你可能感兴趣的:(javascript,后端,前端)