摘要: 在写小程序时,我想只在某个页面加个背景音乐,跳转到其他页面时当前音乐暂停,返回该页面时音乐继续。 具体做法如下: 1. onLoad函数中创建AudioContext 实例,并且设置音频地址,调起播放.play()事件 2. 当音乐播放时,随时记录播放的时间节点 3. 当离开页面时,暂停音乐 4. 当再次进入该页面时调起播放事件 阅读全文
posted @ 2018-12-19 09:36 Smile_ruo 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 今天在写音乐播放器,原本就只想着实现搜索和收藏功能模块,于是在构建JSON数据时就没添加歌手相应描述字段。 集合数据以及效果图如下 但是写完以上两个功能后,想多增一个推荐歌手模块,希望效果如下 那么问题来了,整个集合中的每条记录,都为没有对歌手的相关描述字段,此时呢我们就想到对集合中的每条记录新增该字段,我们没有办法只用update来完成该操作,那么此时我们可以先取出所有数据然后对每条记录进行操作,具体操作如下: 得到 阅读全文
posted @ 2018-12-17 18:45 Smile_ruo 阅读(408) 评论(0) 推荐(0) 编辑
摘要: 在vant-1中提到在.wxml中直接使用组件,需要打开node_modules文件夹找到vant-weapp中的dist文件夹拷贝到miniprogram_npm文件夹下,同时把路径中的“path/to/”删除,其实没有那么麻烦,不需拷贝操作,正常的引入方式如下: 在wxml中的使用如下: 效果如 阅读全文
posted @ 2018-12-17 11:54 Smile_ruo 阅读(2143) 评论(1) 推荐(0) 编辑
摘要: 老是想着自己写一个博客,可惜不会后台开发,今天就通过小程序的云开发满足下自己的小小需求,这次主要是渲染首页的文章列表。 首先要连接数据库,获取到想要操作集合的引用,然后读取列表数据。 文章集合如下: 我们都知道在开始使用数据库 API 进行增删改查操作之前,需要先获取数据库的引用,这里我把其写在了全局对象中,以便于开发 this.globalData = { db: wx.cloud.database({ env: '开发环境id' }) } 接着我们要操作一个集合,就可以通过数据库引用上的 collection 方法获取一个集合的引用了,比如获取文章列表集合: 阅读全文
posted @ 2018-12-17 10:10 Smile_ruo 阅读(6877) 评论(0) 推荐(0) 编辑
摘要: 构建npm的正确步骤 阅读全文
posted @ 2018-12-14 16:18 Smile_ruo 阅读(1726) 评论(0) 推荐(0) 编辑