zoukankan      html  css  js  c++  java
  • 我的音乐盒子(nodejs7 + koa2 + vue + vuex + vue-router)

    你们知道的,nodejs对jser来说,是个好东西,快快的,自从接触nodejs后,总想弄点东西。

    这弄个啥了,一天打开百度音乐盒,哟,自己弄一个如何了,好啊好啊。

    后台: nodejs 7 + koa 2 

    这就没什么了,其实,只需要一个中转,转发查询百度音乐的接口。

    关于百度音乐的接口,抓包获取百度歌曲api:http://www.tuicool.com/articles/fUbUZz3

    前台:vue + vuex + vue-router

    vue就不提了,现在比较火,最开始写了一个版本,是不带vuex,发现数据传递,子父,父子两个层级还好,多了,还真是麻烦,

    后来重写了一个版本,引入了vuex + vue-router。

    github地址:https://github.com/xiangwenhu/MPlaer

    然后因为不想babel转换,所以chrome 55以上的版本才可以,而且需要开启实验特性,具体如下

    依赖百度API, 手机上暂不能自动播放
    chrome 版本55以上,chrome需要开启javascript相关试验性特性 
    打开步骤,
    1):打开chrome 
    2):输入 chrome://flags/ 
    3):ctrl +F 搜索javascript 4):找到 实验性 JavaScript Mac, Windows, Linux, Chrome OS, Android,点击启用,
    5):重启浏览器 

    下载后 npm install 
    npm run build 
    node --harmony server/app.js 

    输入  http://localhost:3000/ 为 非vuex版本
    输入 http://localhost:3000/index 为 vuex版本 

    懒了,暂为止

    ,奉上截图,

    哦,忘了,css比较差,大量引用百度的,见谅

    在线演示:http://babydairy2017.cloudapp.net:3000/index

    截图:

  • 相关阅读:
    虚函数
    类的继承
    析构
    构造
    枚举类型
    c++中的静态类型 static
    c++中的类
    sizeof和strlen的区别
    剑指36 二叉搜索书与双向链表
    剑指35 复杂链表的复制
  • 原文地址:https://www.cnblogs.com/cloud-/p/6307675.html
Copyright © 2011-2022 走看看