美文网首页
基于Vue和Vux开发互动类视频webapp

基于Vue和Vux开发互动类视频webapp

作者: ryderdu | 来源:发表于2017-06-05 19:44 被阅读0次
这张图用来做封面,好看而已~

前段时间搞了一个单页面后台,那呢,其实这次的这个视频应用其实就是基于上次做后台的简单想法,毕竟做了这么多api不用白不用,而且基于已有经验,那么写一个应该...不难吧

[再次声明这个不是教学文,就是记录吐槽文]

UI框架使用了weui的vue延续版本,Vux, 选择它是有考虑的,因为其他ui框架不是太ios(firework7),就是太安卓(material ui),不太喜欢这种偏向性太强的ui,而且这些框架这个文档嘛......折衷选择Vux,体验上来看还是很均衡的。

其他技术栈基本上就是那几板斧了,Vue全家桶,不再列举,目前存在一个bug在弹幕播放,因为是jq弹幕组件,所以这几个js的表现嘛.....,并不能像普通组件一样能把引入的资源重新加载(引入的js会常驻,除非下一次刷新),也就是说这组件并不能完全卸载,这太蛋疼了。目前在想办法解决, 而且目前在各大浏览器上表现也不尽相同,像qq浏览器等国产浏览器会非常‘温馨’的把我们发弹幕的toolbar给拦截,"还您一个干净的播放环境"

总体来说其实这次有了一些经验,并没有上次开发后台一样的曲折,很多技术沿用后台那一套,只是改造成移动端而已啦。

其他的看demo体验吧~

应要求放上github 地址欢迎指点:https://github.com/dubinbin/sifeizhai

测试账号密码:test/1234

DEMO

相关文章

  • 基于Vue和Vux开发互动类视频webapp

    前段时间搞了一个单页面后台,那呢,其实这次的这个视频应用其实就是基于上次做后台的简单想法,毕竟做了这么多api不用...

  • vux toast的使用

    vux官网vux github地址toast官方演示地址 Vux是基于WeUI和Vue(2.x)开发的移动端UI组...

  • Vue开发问题整理

    UI选择 微信开发基于vue2.0 Vux基于jquery weui app开发vonicmint-UIVantM...

  • 关于vux安装与使用

    Vux是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面基于webpack+vue-loa...

  • 了解Vux

    Vux (读音 [v'ju:z],同views)是基于 WeUI 和 Vue(2.x) 开发的移动端UI组...

  • vux学习

    一、简介 vux是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。 基于webpack ...

  • vue-cli构建项目配置全过程

    用vue开发微信平台项目可以搭配vux开发,vux-ui风格类似weui。 开发环境:node 7.5.0vue-...

  • 你可能不知道的微信端组件库 VUX

    VUX(读音 [v’ju:z],同 views)是基于WeUI 和 Vue(2.x)开发的移动端UI组件库,主要服...

  • 基于 VUX 构建移动端项目

    VUX,样式基于 WeUI,的vue移动端开发库,集成众多实用插件 方式一,基于新项目安装 方式二,基于现有项目安...

  • Vue UI框架库合集

    上车! Element - 饿了吗出品的Vue2.0 Web UI工具套件 Vux - 基于Vue和Web...

网友评论

      本文标题:基于Vue和Vux开发互动类视频webapp

      本文链接:https://www.haomeiwen.com/subject/wtlwfxtx.html