
小程序开发
飞奔的屎壳郎
WX公众号搜索:达梦课代表
展开
-
ES6语法大全 export,import,for.of循环,promise等等
做小程序 需要用到ES6 语法,顾做个总结有些东西可能不全,暂时就总结了这些。以后待补充把1.变量let 局部变量const 常量var 全局变量2.字符串的拓展let str = "123"str.includes("1")//true includes方法 是否包含str.startsWith("2")//false 是否以2开头str.endsWith("2")//fa...原创 2019-12-17 16:29:46 · 3316 阅读 · 0 评论 -
小程序 wx.getBackgroundAudioManager() 手机黑屏后,让控制音频停止
前景:首先想让小程序退出 音频还在播放只能使用 wx.getBackgroundAudioManager()手机黑屏之后也就时小程序切到后台之后 onTimeUpdate监听失效了解决方案监听小程序切到后台的api wx.onAppHide()然后在里面放一个定时器,控制音频。具体代码如下App({ onLaunch: function() { const func = (...原创 2019-12-05 11:35:54 · 2055 阅读 · 0 评论 -
微信小程序封装的Promise工具类 ES6语法
这个是工具类的方法,因为首页初次加载要加载很多请求,并且是依次执行。function requestPromiseRes(url, data) { var m = 'POST'; var promise = new Promise(function (resolve, reject) { wx.request({ url: url, header: {...原创 2019-11-26 15:22:22 · 272 阅读 · 0 评论 -
微信小程序 map 自定义地图数据,实现方式+思路+代码(最简易的实现方式)
先上效果图,总的来说就是在地图上加上自己需要的数据注意事项:requestSimple是我封装的提交函数,我的其他帖子有。重点掌握.(重点)1.官方map组件,提供了自定义标记(markers)的方式。详细去看下文档https://developers.weixin.qq.com/miniprogram/dev/component/map.html2.一个点就是一个标记,多个点就是 m...原创 2019-10-28 16:39:40 · 7910 阅读 · 6 评论 -
微信小程序 列表的分页实现(最新的最简易的实现方式+思路,附代码)
老规矩先上效果图这里的话 xwml页面展示就不贴代码了,意义不大。直接上jsjs页面注意事项主要使用的是 onPullDownRefresh 函数与 onReachBottom函数,一个是下拉一个刷新,requestSimple是我封装的提交函数,下面贴代码了分页重要1.onPullDownRefresh 是用户下拉手势,相当于刷新页面,onReachBottom用户上拉手势,相当于...原创 2019-10-28 16:19:15 · 6259 阅读 · 0 评论 -
wx.createInnerAudioContext seek方法执行后,监听事件onTimeUpdate无效?
案发现场:我的项目中 我将 myaudio = wx.createInnerAudioContext();定义在了 页面 onload的里面。使用seek跳转了以后。监听事件失效了。解决思路:使用 myaudio.seek()。跳转的时候,需要先将音频暂停了,在跳转,否则监听事件就失效了代码 //播放/恢复音频 play: function () { this.myaud...原创 2019-10-28 11:40:04 · 3317 阅读 · 0 评论 -
微信小程序 条形加载读取进度 切换音频进度。简单实现(自定义音频界面实现)
一开始用的官方组件发现是固定的。太丑了(代码如下)https://blog.csdn.net/qq_35349982/article/details/102740252于是自己又搞了一个,踩了踩坑,做个总结先上效果图记录一下使用的是createInnerAudioContext(官方文档如下) https://developers.weixin.qq.com/miniprogram/...原创 2019-10-28 11:34:48 · 1189 阅读 · 0 评论 -
微信小程序 条形加载读取进度 切换音频进度。简单实现(官方文档)
wxml文件 。主要是 slider标签的属性<view class="page"> <view class="page__hd"> <text class="page__title">audio</text> <text class="page__desc">音频</text> </view...原创 2019-10-25 11:51:43 · 617 阅读 · 0 评论 -
微信小程序 map 点击图标回到自己的位置(不使用controls控件)
先上效果图:原由(必看):本来微信小程序的map 里面的 controls控件可以轻松实现,但是官方说要废弃了,说采用 cover-view代替,其实就是一个点击事件。用不用cover-view 都可以的。被误导了一个多小时。用的是就是这一个函数 moveTolocation: function () { var mapCtx = wx.createMapContext(map...原创 2019-10-24 17:05:21 · 4942 阅读 · 2 评论 -
微信小程序 下拉刷新页面时的加载状态
案发现场:在微信小程序中,用力往下拉动,页面顶部会出现一段空白的地方。 其实三个点是可以看到的。只不过默认是白色的案例效果1.在 app.json中 添加样式"backgroundTextStyle": "dark",在图片中的地方2.在页面的js中Page({ /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: func...原创 2019-10-23 13:51:41 · 1115 阅读 · 1 评论 -
微信小程序 地址 生成二维码显示
使用的是 weapp-qrcode,源代码地址https://github.com/tomfriwel/weapp-qrcode效果图项目中的代码1.js页面引入js(js在github上自己下载)2.js页面 定义一个方法//this.data.codeText是图片的地址 data: { reqUrl: url.base, urlBase: url.urlB...原创 2019-10-23 11:45:42 · 1026 阅读 · 0 评论 -
微信小程序接入腾讯地图sdk地图 用户自选位置。踩坑+代码实现
采坑记录:1.微信小程序对腾讯地图的支持好。拓展强,不建议使用其他地图2.坐标问题** 高德地图与腾讯地图使用的是 GCJ02坐标系3.使用微信小程序的内置方法的经纬度存在偏差。解决方案看下文4.图下的地图选点插件页面没有办法改变页面内容,官方的5.引入的官方的js,所以说还有一些功能也是可以用的。感觉官网没说太仔细(先把地图做出来,再看这个网址的文档,不然容易乱)https://l...原创 2019-10-23 11:12:02 · 1680 阅读 · 1 评论 -
微信小程序 js的函数修改 data 中的 数组List集合的值
写法如下一定要注意 setData中的 [ ] ,特别容易忘记var up = "navigationList[" + 0 + "]" that.setData({ [up]: sortItem,})直接上项目中的代码Page({ /** * 页面的初始数据 */ data: { navigationList:['单量排序','性别','筛...原创 2019-10-23 09:02:55 · 2932 阅读 · 0 评论 -
微信小程序 事件点击后如何动态增删class类名(自用,没毛病)
问了度娘很久,感觉很多例子都用不到开发上,综合了三个小时。有了完整的方案流程后台返回了一个List保存在page中,wxml中 wx.for循环遍历。然后动态点击,调整class的样式案例效果 (圈住的部分为例子,点击哪个语言,哪个标签就变黄)代码部分:简易流程:在wxml中 使用 for循环时候的 index索引。当标签点击的时候 使用data-index={{index}} 将in...原创 2019-10-22 16:45:39 · 3204 阅读 · 0 评论 -
微信小程序使用 image标签。报图片服务器 403 错误解决方案
首页加载 使用了 image标签 报403解决方案利用wx:if<image wx:if="{{scenicSpotRThree.resource_url}}" src="{{urlBase}}{{scenicSpotRThree.resource_url}}" mode="" class="" id="" style="width:100%;height:170rpx;">...原创 2019-10-18 11:47:07 · 1348 阅读 · 0 评论