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

    截图:

  • 相关阅读:
    java中的HMAC-SHA1加密
    java拦截处理System.exit(0)
    使用canal分析binlog(二) canal源码分析
    JS的异步世界
    socket.io的用户认证
    一个补零小函数
    使用gulp在开发过程中合理导出zip文件
    使用r.js进行前端repuirejs的合并压缩
    使用r2d3的注意事项
    三列自适应布局的实现方式(兼容IE6+)
  • 原文地址:https://www.cnblogs.com/cloud-/p/6307675.html
Copyright © 2011-2022 走看看