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