项目地址

· 由于项目是移动端,电脑访问时可以切换成手机端
· 播放页面其实没有根据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)相关推荐

  1. Vue.js全家桶高还原网易云音乐(Windows PC版)

    项目地址 由于网易云的api限制,部分功能可能会失效,如有需要可以clone项目下来在本地运行,如果api炸了,麻烦在评论中告知一下我 因为做的是PC端 所以请在电脑端访问 源码地址 项目预览(评论和 ...

  2. Vue | Vue.js 全家桶 - Vue-Router详解

  3. Vue全家桶仿网易优选商城APP源码

    介绍: Vue全家桶仿优选商城APP源码,只写了前端,用到的技术栈是Vue全家桶.mintUI.axios,没有实现后端接口,全部是抓包至商城App接口. 实现了挺多的功能的,比如首页.商品列表.商品 ...

  4. 最新仿网易优选APP商城源码+Vue开发全家桶

    正文: 最新仿网易优选APP商城源码+Vue开发全家桶,源码采用Vue全家桶+mintUI+axios技术栈开发,只写了前端,后端采用网易商场抓包接口,也可以二次修改成自己的接口. 安装方法: 1.将 ...

  5. 尚硅谷Vue技术全家桶(1)

    尚硅谷Vue技术全家桶 课程来源于b站尚硅谷教程:一套搞定Vue技术全家桶,轻松拿捏vue3.0(vue.js全网最新) 课程简介 在这个vue2到vue3的过渡时期,需要兼顾2.x和3版本.尚硅谷的 ...

  6. 基于Vue.js制作的仿车轮驾考通APP端页面

    背景:学习完Vue,老师要求期末作业以Vue技术做一个手机端或者PC端的前端小项目.期末临近,周围的同学有的仿微信APP端,有的仿QQAPP端.小萍去年考科目一用了车轮驾考通刷题,然后她最后决定基于V ...

  7. 使用Vue-cli从零开始搭建Vue全家桶(仿b站客户端)项目(1.环境配置、实现登录功能)

    1.前言         技术栈:Vue全家桶+Element.ui组件库+Axios 功能:具有登录.配置个人信息.修改个人头像.发布评论.发布动态等功能 话不多说,先看成品动图,也可点击此链接进行 ...

  8. vue 仿二手交易app_Vue全家桶仿闲鱼移动端App

    官方文档介绍:Vue.js,一套渐进式的JavaScript框架,拥有简单小巧的核心,却足以应付任何规模的应用.因此,想通过仿闲鱼移动端App这个项目来感受vue带来的灵活与轻盈. 话不多说,来看看效 ...

  9. Vue 组件 全家桶

    Vue是一个构建数据驱动的 web 界面的渐进式框架.Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件,这里对vue插件汇总,提供vue组件 ...

最新文章

  1. 如何读论文才不至于发疯?
  2. JAVA面试题(part2)--位运算符
  3. 第1节 连通性强连通、割点和桥(一)
  4. DenyHosts 加固centos系统安全
  5. php只能用浏览器触发吗,PHP只允许某个域名或者URL访问调用不允许浏览器直接执行的方法...
  6. 东芝半导体-三极管和功率管-元器件后缀说明解释-L3F
  7. OpenGL中投影矩阵(Projection Matrix)详解
  8. Disruptor 创建过程
  9. (转)使用JMeter进行Web压力测试
  10. JavaScript之JSON详解
  11. apache设置域名绑定 以及绑定不起作用的排查.
  12. 离线网页 HTML+CSS+DIV
  13. 在写移动端页面的布局的时候是按照iphone6的尺寸写的,在iphone5中因为宽度的问题导致样式错乱
  14. 浏览器警告:provisional headers are shown
  15. JavaScript事件函数
  16. 学习Oneindex的搭建[国际Onedrive]
  17. docker+robot framework+selenium并发web应用UI自动化测试实践
  18. 顶会论文笔记:联邦学习——ATPFL: Automatic Trajectory Prediction Model Design under Federated Learning Framework
  19. eDiary 个人日记本使用技巧
  20. Office到底买哪个好

热门文章

  1. OA系统调研报告:技术推动OA发展
  2. 个人团队贡献分+转会人员
  3. android新特性:DrawerLayout与NavigationView配合使用
  4. 鸟哥的私房菜——BASHShell
  5. Java对Excel的读写详解(POI)
  6. 1.1 大型网站软件系统的特点[读书敲录]
  7. 小程序占服务器空间吗,小程序会占用手机存储空间吗?| 小程序问答 #21
  8. QT中$$PWD的意思
  9. Hive 数据聚合成键值对时,根据值大小进行排序
  10. c语言窗口插件,C语言使用ActiveX控件