星光

用Vue也写了一个音乐电台

看到之前小伙伴们都写了电台,我也按捺不住,写了一个。

其实之前暑假已经写了一部分,因为后来有些忙,就弃坑了。JS(JQ)+PHP实现的

这次想尝试下Vue的框架和各种命令,就愉快地决定用Vue写啦~当然里面还掺杂了一部分原生的JS

因为项目还没有完全弄好,所以没有上传GitHub,差不多之后我会推送上去,再改。。现在写得很简陋+没有模块化,全部塞到了一个文件写233,说白了就是只套用了几个Vue的命令。CSS更是写得很渣

大概效果如下(理想情况下,大概吧):

直接甩链接,食我Nginx大法啦~

http://music.jimmy66.org/#/  (其实这还是半成品,请青草)

不知道为啥每次Vue都会在目录后加上#/

写这篇文章只是怕自己懒癌犯了,又不更新了,无论是文章和代码。

玄学问题出现。。清理浏览器缓存是一个方法,另外我发现2轮后第一首歌居然会放成其他的音频。

PS:现在的音乐链接是从静态已有的JSON文件中取的,因为用之前的API好像挂了不少,我就挑了几个能用的组了个JSON,以后的话,估计也是用Python手动或者自动跑下生成JSON来让Vue读取,而不是之前PHP调用,然后AJAX请求了,好像是这样子吧,忘了。。。


 

以后会写到的内容:

  • Nginx的安装配置,以及修改配置文件,实现多个域名,一个IP,但是分别指向不同的路径。实现一站多APP的效果
  • Node,NPM,Vue基本设置和打包相关,包括ssh和scp
  • 项目中出现的问题和解决,还记录一些玄学问题,包括切歌后,不能调用Audio的API直接play(),最后居然是设置的autoplay的HTML属性解决的问题
  • CSS相关的设计

感谢舍友的强力辅导和精神辅助!!!么么哒~感谢 Puteulanus   在很久前就教过我Nginx的这个妙用,现在正式实践啦~

参考了 Moon 和  两位前辈的代码,受到了太多的启发!大感谢

如无特殊声明,欢迎转载,但是请注明来自星之所在《用Vue也写了一个音乐电台》

评论

  1. Starlight #1

    还参考了一位前辈的项目~回头贴出链接~

    回复
    2017-03-25
  2. Starlight #2

    这个网页在Safari下表现非常鬼畜。。我也不知道为啥。。。Chrome和Firefox下目测良好,但是FF下字体比Chrome小。。。还有没有做移动端适配。。回头写

    回复
    2017-03-25
  3. Starlight #3

    欢迎帮忙反馈告知我Bug

    回复
    2017-03-25
  4. 企业咨询 #4

    厉害厉害

    回复
    2017-03-29
  5. Luo #5

    chrome下歌曲名称显示白色 😛

    回复
    2017-04-1
    • Starlight

      感谢感谢~其实用的就是白色 css里面这样写的 color : lavender;

      回复
      2017-04-3
  6. shyling #6

    #/ 是 hash router

    回复
    2017-04-7
    • Starlight

      感谢w

      回复
      2017-04-8
  7. 影乐 #7

    写代码的妹子好久不见

    回复
    2017-07-21
  8. 影乐 #8

    额… 好像不似妹子

    回复
    2017-07-21