黑马程序员vue前端基础教程-4个小时带你快速入门vue

是大熊啊_:
视频中源码链接：https://pan.baidu.com/s/1HoKF05Sx7lspVVW_HIkEdg 提取码：1234

吃相难看DQD:
首先，今天看了个，所谓大神教的ajax，我把声音开到最大，还是听不清。 而且总是讲着讲着发现自己做错了[笑哭][笑哭][笑哭]。还有就是我，虚拟站点搭建的不知道哪有问题。听了个打概来看，老师的Vue了，口齿清晰，思路清晰，起码我听着记这，知道我在干什么[星星眼][星星眼]，在此谢过老师。

【回复】借大佬的楼楼，播放器已经修改可用 个人写的笔记加源码 ，全部源码加样式在文章末尾码云地址：https://blog.csdn.net/cjdxyang/article/details/121122938 播放器项目接口项目已经全部改变，视频的接口已经基本报错不可用，花了一段时间修改，音乐外链使用网易云外链，比老师的接口靠谱稳定
【回复】回复 @浮生光1947834058 :歌曲播放接口没有问题，详情页等我下班之后修改
【回复】回复 @也就只会写HelloWorld :播放接口可用，但是获取封面的接口不能用啦
神樣sama丶:
看完了，老师讲的很好，已三连，建议各位跟着敲一遍代码，比直接看源码要学得更多。 关于后面的播放音乐综合应用，我来写几点补充吧： 1. 视频里查询歌单的接口域名https://autumnfish.cn/ 属于 网易云音乐 NodeJS 版 API，现在还能用，自己可以尝试去post请求，搞搞登陆、获取用户歌单啥的 2. 播放MV这块，点击遮罩层后，MV没了但是声音还在，没去拿源码的同学（包括我）可以试试这样： html文件：<vedio ref="vedio"...></vedio> js文件：hide方法里加多一句 this.$refs.vedio.pause() 这部分涉及到Vue中的ref和$refs，用来操作dom元素。不过大佬们说在Vue最好不要操作dom元素，所以我不知道这么写好不好[tv_笑哭] 3. 视频里重点讲的是vue代码，其中有一些关于CSS样式的代码只是略过，自己还是补一下课好点，我比较菜，被CSS3动画、标签样式什么的搞了一个晚上[tv_笑哭]

【回复】MV的问题：在hide方法中把mvUrl置空就行了[OK]
【回复】关于点击遮罩层声音还在的问题，直接用v-if就可以了
【回复】你好请问播放接口怎么验证啊
叁只仓鼠:
首先，这套教学视频非常清晰易懂，适合当做Vue入门，建议三连后观看。 但这套教学视频也仅仅只是入门，需要更深入的学习还是要靠自己。 另外，在开始学习前请先注意两点。 首先视频不建议关闭弹幕观看，但可以屏蔽“有人吗？”之类的弹幕。 第二点就是，第一章所讲的三个前置条件（HTML+JavaScript+CSS）必学。 注意，是必学。 不然你也可能会问出“Vue到底有什么实际意义”之类的沙雕问题。 你必须先学会使用原生JavaScript操纵DOM元素，修改网页的显示效果，而且自己动手操作过。 这样你才会明白，使用原生JavaScript代码到底有多么繁琐。 再回来看Vue教学视频，这样你自然就会知道Vue为何如此热门。 Vue可以把原本要写几十行甚至几百行的代码，缩减成几行或者十几行。非常方便。

【回复】当时学JavaScript修改，真恶心。获取对象方法又多又杂
【回复】看教学视频都是关弹幕的，很多脑缠喜欢问有人吗，然后一堆人回他，而且还会有人发些与上课无关的，但是关了又看不到有些同学的提问和解答与对错误的指正
乱世卧龙:
这个是B站最简单易懂的vue入门教程了，关键在于老师抓住了很重要的两个点，一个是初学者角度，不涉及大量的复杂语法和操作。另一个是把webpack剥离出去，只关注vue本身的使用，视频里所有的案例都提前做好了其他部分，只追加vue相关的代码，详略得当重点明确，这是其它教程做不到的。

【回复】不用webpack也是个败点好吧，因为现实环境都是vue-cli脚手架工程化构建，不用vue-cli到底还是缺乏了实战的味道，跟真实开发还是有很大的差距。 不信你自己把这个src外联vue.js的项目改造成webpack工程项目，看看有没有你想象的那简单？会不会踩坑？
【回复】回复 @盐焗西兰花 :老师您还有其他视频课程吗，入门到精通，或者vue更多的案例
快乐滴小蚂蚁:
这教程比较适合初学者学习，非常好用，基础知识使用讲得很简练，但是还是建议初学者多去了解一下底层和原理，还有就是进步学习js。学了VUE之后，可以再学学react和RN。还有node，如果还有时间的学学redis mongodb sql go java。还有就是推荐一本书《重构》(Martin Flower 著)(第二版)用的js写的，对代码风格的形成很有帮助，益处不仅仅这一点，自己好高领悟吧。

【回复】学这么多，前后端都交给你一个人了
【回复】回复 @怪盗鸭德_ :什么都学，什么都不精，半桶水到处晃
我买了一张改名卡:
基于 Vue2 开发的网抑云 PC windows版（目前正在持续更新），未使用 UI 组件库，欢迎 star [抠鼻] 在线预览：https://music.zhangxc.cn github地址：https://github.com/ZzZzzzxc/vue-netease-cloud-music

【回复】果然，自己写的样式才能操控自如啊[藏狐]
-Somnus-:
最后一个项目的api现在已经用不了了，现在可以用的api是个：http://musicapi.leanapp.cn/search 希望对大家有用！[OK][OK]

【回复】例子http://musicapi.leanapp.cn/search/suggest？keywords=
【回复】回复 @天凉好个秋丫 :https://autumnfish.cn/song/url?id=后面的用这个
盐焗西兰花:
天气接口现在有替代的啦：请求地址 http://ajax-api.itheima.net/api/weather，请求方法：get，查询参数名：city 比如：http://ajax-api.itheima.net/api/weather?city=武汉 来人帮我顶上去哈

【回复】这个方法不太对，不同城市查询到的天气都是一样的
盐焗西兰花:
这里有一些测试的接口 大伙可以试着用用看 https://github.com/AutumnFish/testApi 这是接口文档

【回复】这个链接打不开呀？老师
【回复】回复 @向南兮顾珩 :可能需要梯子才可以打开哈
落魄山-小符:
做完老师项目的可以看看我的这个项目：网易云音乐实战。 项目效果演示直接点我头像看置顶作品。 项目地址：https://gitee.com/fudaosheng/vue-fds_music 里面有超详细文档，api开源，人人可做，希望喜欢的点个Star

【回复】回复 @子了个可乐龙 : 兄弟有没有找到
盐焗西兰花:
悦听接口现在的调用方式是直接把 歌曲的id 替换到 https://music.163.com/song/media/outer/url?id=id.mp3这个地址，比如歌曲id为 33894312 那么歌曲url的地址为 https://music.163.com/song/media/outer/url?id=33894312.mp3 把这个地址直接设置给audio标签的src属性即可 ，亲测可用

【回复】回复 @i李君羡 :悦听接口现在的调用方式是直接把 歌曲的id 替换到 https://music.163.com/song/media/outer/url?id=id.mp3这个地址，比如歌曲id为 33894312 那么歌曲url的地址为 https://music.163.com/song/media/outer/url?id=33894312.mp3 把这个地址直接设置给audio标签的src属性即可 ，亲测可用
【回复】老师网易获取的歌曲id 这个地址能用吗 我试了很久 都无法播放
前端小子:
十分感谢老师，距离学习该视频已经过去小半年了，真的收获很多，正在观望的同学走过路过千万别错过！期间又学习了很多新东西，搭建了一个博客，欢迎访问 https://www.bookbook.cc Vue电商后台管理系统：http://120.53.120.229:1921/#/login Vue数据可视化项目：http://120.53.120.229:9989/#/home Vue仿网易云音乐：https://penggang-home.gitee.io/cloud-music/#/discovery 再次给老师打call,老师是我前端路上的引路人

【回复】回复 @黑马程序员 :地址是 https://www.bookbook.cc
【回复】请问这些项目需要学习后端知识么 比如说java啥的
账号已注销:
感谢老师让我有了自己的播放器：http://ganto.xyz/vue/ [偷笑][偷笑][偷笑]

【回复】怎么回事老哥你号都没了
【回复】回复 @镜花之容 :他自己的博客说了原因 http://ganto.xyz/2020-03-15/b/
【回复】同一首歌，酷狗打开是修过音的，你的是现场版本么？
夜染未央123:
点进来=会了，点赞=熟悉了，收藏=已精通

【回复】回复 @幽莫莫 : 链接:https://pan.baidu.com/s/1EMT0XR72FqTx27Z-oH3g0A 密码:luag 这里哈
【回复】让我猜猜你精通了多少技术[滑稽]
【回复】回复 @徐不凡先生 :你试试看这个方法哈 老师这个下载来直接解压是乱码,后缀名改成rar就得了
kakashs:
交作业： 1：歌曲MV关闭遮罩层，音乐继续播放问题（hide()方法里 + this.muscMv = ''） 2：播放列表歌曲后，点击歌曲MV，两者同时播放（当点击歌曲MV按钮时，列表歌曲暂停） http://music.mycss.top:8082/#/musics

【回复】回复 @孤独患者gudu :我自己买的，教程一步一步来
【回复】你是怎么用服务器和域名的啊？ರ_ರ 心塞
乱世卧龙:
教程言简意赅，条理清晰。vue属于前后端分离开发的前端技能范畴，其作用是配合后台的接口(简易理解为ajax请求)，把返过来的json数据展示在页面上的。建议有开发经验或有html，css，js基础的同学观看此教程。

【回复】回复 @可乐不加-冰 :怎么样了[doge]
【回复】回复 @可乐不加-冰 : 现在呢
【回复】回复 @DannyChan丶 :转行吧 总有适合自己的
PlanetFish:
终于想通为什么黑马程序员的吉祥物是猴子不是黑马了,因为吉祥物是程序猿啊!

【回复】不管你是不是黑马，最后都沦为程序猿