摘要： 一、安装webpack webpack-cli webpack-cli用于在命令行执行webpack 之所以可以安装，是因为npm这个仓库里面有webpack webpack-cli。 现在显示全局的webpack就已经安装了 二、不使用webpack时js模块化的代码想运行在浏览器上会遇到的问题 阅读全文

摘要： 现在我们继续来做这几个功能： 1.获取数据的逻辑 不管我们要做哪一个功能都要要请求播放列表的数据。而且这个歌曲列表是需要共享的。除了歌曲列表，我们还得记录歌曲列表中当前 播放歌曲的index。 如果用户点击的是下面的某一首歌： 那么一方面我就把这首歌作为要播放的歌曲，另一方面把这个列表作为播放列表。 阅读全文

摘要： 1.歌词页面 上面就可以实现歌词手动滚动了！那么怎么实现唱到哪句歌词就自动标记呐？ 想要实现下面的效果： 不能直接给scroll-view上下一个padding，因为这样的相当于把scroll-view的空间缩小。可以按下面的方法做： 现在还有一个问题，不会随着歌曲的播放自动滚动。 2.代码重构（难 阅读全文

摘要： 播放页是重难点哦！ 1.跳转到播放页 我们要实现的其实就是从下面两页组件跳转到music-player页面： 好啦！另外一个组件同理哦！不对不对，我还得知道点击的是哪首歌曲啊！ 法一： 这就换一种方法吧，之前已经用过很多次这种方法了！ 法二： 另一个组件做法完全一样。 另外上面的id是传入到父组件的 阅读全文

摘要： 现在来开始搜索页的制作！ 首先还是要来创建页面咯！（之前已经创建了detail-search） 1.基本页面结构搭建 2.数据请求 3.数据展示 现在大概可以实现这个效果，但是输入东西不会出结果: 4.搜索功能 我觉得这里不要偏了！我们不需要知道怎么联想搜索的，我只需要根据接口文档去操作，由输入然后 阅读全文

摘要： 下面来做热门/推荐歌单详情页的点击。 1.页面跳转（难点） 直接在子组件上绑定点击事件，这样每个事件点击都会触发这个事件。 这里就有一个问题啦！不同的id对应不同的数据，这里的数据应该是从服务器直接请求的，但是这个是对detail-songs页面的一个复用，之前 推荐歌曲和飙升榜也用的这个页面，只不 阅读全文

摘要： 首先弄清楚我们现在要做什么？ 点击红框内的内容实现页面跳转： 1.点击“更多”的跳转 其次有多个地方是需要点击“更多”进行跳转，那我们就不能在我们封装的area-header自定义组件内部实现跳转，因为如果在自定义组件内部进行跳转， 就会跳转到同一页面。 真实的跳转实现： 2.点击巅峰榜下的内容有多 阅读全文

摘要： 1.这里就是要封装一个区域内的header组件。 1.1自定义组件 父组件向子组件传值，不过要注意，这里不是default，而是value哦！ 1.2.注册组件 在父组件的index.json中注册组件，然后就可以直接使用自定义组件啦！ 1.3.展示与不展示 虽然基本功能实现了，但是右边这个可能展示 阅读全文

摘要： 1.轮播图 在前面搜索框功能完成后，下面开始轮播图的制作。 1.1数据请求 首先在service--api_music.js中进行音乐页面的相关网络请求。 在做之前先回忆一下怎么进行网络请求（结合之前已经封装的网络请求函数），以及怎么使用：首先要在api_music.js中封装对应接口的请求方法（这 阅读全文

摘要： 之前已经将视频页面基本制作完毕，现在咋们就来开始音乐页面的制作咯！ 1.搜索框 可以自己封装一个组件，也可以引用Vant组件库，这里面还涉及到如何使用npm工具。 1.1在小程序项目中如何使用npm工具呢？ （1）首先打开微信开发者工具的终端，使用npm必须要有package.json文件，所以我们 阅读全文