Vue.js全家桶仿哔哩哔哩动画 (移动端APP)
项目地址
· 由于项目是移动端,电脑访问时可以切换成手机端
· 播放页面其实没有根据B站移动端来, 比较粗糙?
· ?源码地址 (欢迎Star)
· ?在线预览
项目描述
前端部分
实现的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.js全家桶仿哔哩哔哩动画 (移动端APP)相关推荐
- Vue.js全家桶高还原网易云音乐(Windows PC版)
项目地址 由于网易云的api限制,部分功能可能会失效,如有需要可以clone项目下来在本地运行,如果api炸了,麻烦在评论中告知一下我 因为做的是PC端 所以请在电脑端访问 源码地址 项目预览(评论和 ...
- Vue | Vue.js 全家桶 - Vue-Router详解
- Vue全家桶仿网易优选商城APP源码
介绍: Vue全家桶仿优选商城APP源码,只写了前端,用到的技术栈是Vue全家桶.mintUI.axios,没有实现后端接口,全部是抓包至商城App接口. 实现了挺多的功能的,比如首页.商品列表.商品 ...
- 最新仿网易优选APP商城源码+Vue开发全家桶
正文: 最新仿网易优选APP商城源码+Vue开发全家桶,源码采用Vue全家桶+mintUI+axios技术栈开发,只写了前端,后端采用网易商场抓包接口,也可以二次修改成自己的接口. 安装方法: 1.将 ...
- 尚硅谷Vue技术全家桶(1)
尚硅谷Vue技术全家桶 课程来源于b站尚硅谷教程:一套搞定Vue技术全家桶,轻松拿捏vue3.0(vue.js全网最新) 课程简介 在这个vue2到vue3的过渡时期,需要兼顾2.x和3版本.尚硅谷的 ...
- 基于Vue.js制作的仿车轮驾考通APP端页面
背景:学习完Vue,老师要求期末作业以Vue技术做一个手机端或者PC端的前端小项目.期末临近,周围的同学有的仿微信APP端,有的仿QQAPP端.小萍去年考科目一用了车轮驾考通刷题,然后她最后决定基于V ...
- 使用Vue-cli从零开始搭建Vue全家桶(仿b站客户端)项目(1.环境配置、实现登录功能)
1.前言 技术栈:Vue全家桶+Element.ui组件库+Axios 功能:具有登录.配置个人信息.修改个人头像.发布评论.发布动态等功能 话不多说,先看成品动图,也可点击此链接进行 ...
- vue 仿二手交易app_Vue全家桶仿闲鱼移动端App
官方文档介绍:Vue.js,一套渐进式的JavaScript框架,拥有简单小巧的核心,却足以应付任何规模的应用.因此,想通过仿闲鱼移动端App这个项目来感受vue带来的灵活与轻盈. 话不多说,来看看效 ...
- Vue 组件 全家桶
Vue是一个构建数据驱动的 web 界面的渐进式框架.Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件,这里对vue插件汇总,提供vue组件 ...
最新文章
- 如何读论文才不至于发疯?
- JAVA面试题(part2)--位运算符
- 第1节 连通性强连通、割点和桥(一)
- DenyHosts 加固centos系统安全
- php只能用浏览器触发吗,PHP只允许某个域名或者URL访问调用不允许浏览器直接执行的方法...
- 东芝半导体-三极管和功率管-元器件后缀说明解释-L3F
- OpenGL中投影矩阵(Projection Matrix)详解
- Disruptor 创建过程
- (转)使用JMeter进行Web压力测试
- JavaScript之JSON详解
- apache设置域名绑定 以及绑定不起作用的排查.
- 离线网页 HTML+CSS+DIV
- 在写移动端页面的布局的时候是按照iphone6的尺寸写的,在iphone5中因为宽度的问题导致样式错乱
- 浏览器警告:provisional headers are shown
- JavaScript事件函数
- 学习Oneindex的搭建[国际Onedrive]
- docker+robot framework+selenium并发web应用UI自动化测试实践
- 顶会论文笔记:联邦学习——ATPFL: Automatic Trajectory Prediction Model Design under Federated Learning Framework
- eDiary 个人日记本使用技巧
- Office到底买哪个好
热门文章
- OA系统调研报告:技术推动OA发展
- 个人团队贡献分+转会人员
- android新特性:DrawerLayout与NavigationView配合使用
- 鸟哥的私房菜——BASHShell
- Java对Excel的读写详解(POI)
- 1.1 大型网站软件系统的特点[读书敲录]
- 小程序占服务器空间吗,小程序会占用手机存储空间吗?| 小程序问答 #21
- QT中$$PWD的意思
- Hive 数据聚合成键值对时,根据值大小进行排序
- c语言窗口插件,C语言使用ActiveX控件