用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 和 Aqours 两位前辈的代码,受到了太多的启发!大感谢
如无特殊声明,欢迎转载,但是请注明来自星之所在的《用Vue也写了一个音乐电台》
2017-03-25
学习笔记
还参考了一位前辈的项目~回头贴出链接~
这个网页在Safari下表现非常鬼畜。。我也不知道为啥。。。Chrome和Firefox下目测良好,但是FF下字体比Chrome小。。。还有没有做移动端适配。。回头写
欢迎帮忙反馈告知我Bug
厉害厉害
chrome下歌曲名称显示白色 😛
感谢感谢~其实用的就是白色 css里面这样写的 color : lavender;
#/ 是 hash router
感谢w
写代码的妹子好久不见
额… 好像不似妹子
不妙,这好像是个dalao
链接好像跪了 😛
这样的博客让人禁不住一天来几次!
博客大好,让人忘不了!
新年好呀,新年好呀,祝福博主新年好!
不错!不错!感觉好极了!
不错不错!内容感觉好极了!
新春佳节到。祝好!祝好!
鸟儿叫,花儿笑,一年一季春来到!