摘要： 前言 当面试官问你：你了解js哪些继承方式？es6的class继承是如何实现的？你心中有很清晰的答案吗？如果没有的话，可以通过阅读本文，帮助你更深刻地理解js的所有继承方式。 js继承总共分成5种，包括构造函数式继承、原型链式继承、组合式继承、寄生式继承和寄生组合式继承。 构造函数式继承 首先来看第 阅读全文

摘要： 在开始讲解之前，我们先来看一段代码： console.log('1'); setTimeout(function() { console.log('2'); process.nextTick(function() { console.log('3'); }) new Promise(function 阅读全文

摘要： 最近自己在重新学习html5新特性，了解到有视频标签和拖动标签，于是自己用这两个特性写了一个小demo，主要功能就是可以通过拖动视频来直接播放。效果图如下： 页面使用了<video>标签和drag，drop方法。左侧是动态渲染的视频列表，里面title包含着视频路径信息，右侧是视频播放器。 js代码 阅读全文

摘要： 参考博客：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html flex布局是w3c于09年提出的，用于简便，整洁，响应式地解决布局问题的手段，例如垂直居中布局。flex全称Flexible Box，也称“弹性布局”。 块级元素设置flex 阅读全文

摘要： 这是完成了预想中的最后两个功能：歌曲评论以及歌曲搜索。 1、评论效果： 用户点击评论按钮，评论框获取焦点。 输入之后点击提交，下方显示评论，用户名称以及日期。相应的用户也可以删除自己评论。 当然只能删除自己的评论，鼠标放置其他人评论上面不会显示删除按钮。 2、搜索歌曲 搜索可以搜索歌曲或者歌手，这里 阅读全文

摘要： 这几天完成了歌曲收藏功能，先看最后效果： 新注册用户：“newuser”，进入“我的音乐界面如下所示” 点击新建歌单，输入：“新歌单”，确认，如下： 目前还没有歌曲，打开音乐界面，点击收藏功能，如下，可以看到新创建的歌单已经在上面： 把歌曲收藏在新歌单，在打开我的音乐界面，已经收藏好了： 点击删除之 阅读全文

摘要： 上一篇遗漏了一个简单的效果没写，见下图： 主页面点击热门推荐和更多之后跳转到歌曲列表页面，现在的页面只是简单的把所有歌曲列出来，没有进行排序。实现起来也很简单，在MainPage的两个链接上添加： 表示跳转到PopularMusic页面，该页面下把界面搭好，再利用get请求发送请求并且更新页面，主要 阅读全文

摘要： 上一篇文章讲到的是如何利用mongoose从数据库读取数据然后更新页面，接下来要实现的就是用户注册登录功能，这个功能涉及到的东西太多了，今天只实现了登录功能，登陆之后更新导航条界面，最后效果如下： 登录之前： 登陆之后（用户名：oujiamin）： 这是登陆界面（还没有设置css）： 主要实现步骤： 阅读全文

摘要： 上一篇文章中说到这一篇博客会实现音乐播放功能，只是令我意外的是，如果利用h5的audio标签，几行代码就实现了......先来看一下最终效果吧。 这里直接用了audio标签，样式没有怎么管，能获得音乐文件并且播放就足够了。 所以后面我利用了两天的时间，在看了一遍vue官方文档，然后看了vue-rou 阅读全文

摘要： 1、利用router-link在组件之间传递数据 如上图，MainPage.vue中主要有8个推荐曲目数据，主要实现方式是建立好主页面模板，然后用v-for循环获取返回的music对象，然后分别绑定曲目，代码如下： ul作为承载8个曲目的模板，利用v-for="music in musics"遍历m 阅读全文