微信小程序
小鬼妹妹编程史
我是小鬼,傻傻的小鬼
展开
-
微信小程序音频录制时bindtouchend不触发 音频录制代码
问题描述:微信小程序项目,长按录制音频,手松开录制结束。长按时确实可以出发bindtouchstart 但是手松开之后不触发bindtouchend从网上看很多说把bindtouchend换成bindtouchcancel。但是我这边依然不行总感觉只要手长按页面后再松开页面还是那样很奇怪。去个厕所,回来没想通。回家睡觉,忽然想起一个点。我触发touchstart后,给当页变量赋值,会刷新静态页。会不会跟这个有关系呢。大早晨起个大早,来公司试试,果然去掉this.setDate({......原创 2021-04-08 09:11:37 · 738 阅读 · 2 评论 -
小程序ios音频播放没声音问题的解决wx.setInnerAudioOption
问题描述: 使用audio控件wx.createInnerAudioContext();播放音频 。开发者工具和安卓手机上都可以正常播放音频,但是IOS没有声音。解决路径:wx.setInnerAudioOption(Object object)基础库 2.3.0 开始支持,低版本需做兼容处理。本接口从基础库版本2.10.0起支持在小程序插件中使用设置InnerAudioContext的播放选项。设置之后对当前小程序全局生效https://developers.w...原创 2021-04-07 15:12:59 · 3534 阅读 · 0 评论 -
获取公众号access_token 报40164错误
公众号获取access_token官方文档链接:https://developers.weixin.qq.com/doc/offiaccount/Basic_Information/Get_access_token.html接口调用请求说明https请求方式:GET https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET把自己家公..原创 2021-01-08 10:59:01 · 2394 阅读 · 0 评论 -
微信小程序多选框 样式修改
效果如图(已选中和未选中状态):css代码如下:/* 多选框外框样式 */checkbox .wx-checkbox-input { width: 35rpx; height: 35rpx; border-radius: 50%;}/* 选中后外框样式 */checkbox .wx-checkbox-input.wx-checkbox-input-checked { border-color: #F15F5F;}/* 内部样式 */checkbox .wx原创 2020-12-03 14:13:38 · 790 阅读 · 0 评论 -
微信小程序使用websocket通讯的demo,含前后端代码
目录0、概述websocket 1、app.js写法 2、后台写法0、概述websocket(1) 个人总结:后台设置了websocket地址,服务器开启后等待有人去连接它。 一个客户端一打开就去连接websocket地址,同时传递某些识别参数。这样一来后台和客户端连接成功了,然后后台就可以发消息给客户端了,(客户端也可以再回话给后台)。(2) socket叫套接字,应用程序用socket向网络发出请求或者应答网络请求。(3) 官方解释的socket 建立连接四步骤:服务器端开启so原创 2020-08-13 11:12:36 · 2288 阅读 · 0 评论 -
微信小程序 图片 文字 敏感内容验证 获取小程序accessToken
直接上代码:代码中有解释。一下是验证文字的静态方法直接调用就行。//文字安全检测 (accessToken是微信小程序的APPID和scret获取的) public static Boolean msgSecCheck(String str,String accessToken){ String msgSecCheckUrl = "https://api.weixin.qq.com/wxa/msg_sec_check?access_token="+accessTok原创 2020-08-07 15:29:31 · 878 阅读 · 0 评论 -
java 上传图片或文件到服务器 微信小程序上传图片。获取图片宽高比
话不多说,直接上代码,这是封装好的静态方法直接使用就行。/** * 将文件流保存在磁盘上,为防止文件重名,文件名前面增加了时间戳,最终路径以返回的文件路径为准。 * * @param dir 上传地址 * @param fileName 文件名称 * @param is 输入流 * @return * @throws ServiceException */ public static String原创 2020-08-07 15:02:44 · 333 阅读 · 0 评论 -
微信小程序仅显示头像,并修改样式。
为了避免用户授权,不获取用户信息,但是又需要显示用户头像,如下只是显示头像。效果图如下:html:<view class="userinfo-avatar" > <open-data type="userAvatarUrl"></open-data></view>css:.userinfo-avatar { overflow:hidden; display: block; width: 160r原创 2020-07-10 14:37:50 · 1184 阅读 · 0 评论 -
微信小程序 瀑布流布局 图片按原比例显示 宽高比 等比显示图片
如下:是今天要实现的样式:思考:微信开发文档上有没有现成的标签等可以直接实现的呢?搜索一下,貌似没有,想太多。官方没有,人间的大神一定有留下足迹。搜索各站大神帖子,文章,总是有那么一丝丝的不足。整合各大神的思路,开始自己的小鬼编程。思路:1、将页面分成两栏,一个float:left;一个float:right;ok;两栏已分好。2、开始填数据,左右两栏共用一个数据数组,采用下标取模的方式,取数据 :left数据显示下标取模等于0的数据 即 {{index%2==0}},rig原创 2020-07-10 10:26:23 · 1603 阅读 · 2 评论 -
微信小程序自定义底部导航栏层级如何高于canvas 自定义导航栏被画布覆盖解决办法
背景:项目需要自定义底部导航栏。但是上面显示饼状图两个,刚好会覆盖底部导航栏。效果图:让扫一扫按钮不被饼状图覆盖。1、搜索发现有《cover-view》这么个标签。可以高于画布,哎这不错,试试。html:<cover-view> <button class="scan" style="background:url('{{storeImgUrl}}scan.png') no-repeat;background-size:100%;" bindtap='getSca原创 2020-06-05 16:38:53 · 3584 阅读 · 4 评论 -
微信小程序时间日期插件,api用法。
功能展示:直接上代码了:js:data: { // 声明一个二维数组用来保存日期和时间。 multiArray: [['今天', '明天', '3-2', '3-3', '3-4', '3-5'], [0, 1, 2, 3, 4, 5, 6]], // 日期和时间的角标。 multiIndex: [0,0], },/* * 获取并整理日期...原创 2020-05-07 15:09:29 · 907 阅读 · 0 评论 -
小程序上传图片的时候,安卓功能正常,IOS没反应
接手屌丝同事的代码,直接开写,自己用的是安卓机,就用安卓测的没有问题,但是测试时,使用IOS点击添加照片按钮,没反应。 思考:之前写的都没问题,而且苹果中的其他项目都可以找那个chooseImage方法,证明不是人家ios不支持的问题。那怎么回事呢?看微信开发文档,对照自己的代码,哎呀,不怕狼一样的对手就怕猪一样的队友。竟然出现中文。而我只是写功能,也没有检查,无...原创 2020-04-15 10:05:02 · 2521 阅读 · 0 评论 -
微信小程序 setData 数组。push 时出现的问题,push结果是1
以下是今天写代码的时候碰见的坑。// 需求:把异步请求回来的图片ID,添加到data中的fileID中。添加图片的数量及次数是不确定的错误写法for ( var i = 0 ; i < imageList.length ; i++ ) { /// 循环中内套一个异步请求 部分不相关代码已省略 wx.uploadFile({...原创 2020-04-02 11:02:31 · 4653 阅读 · 1 评论 -
微信小程序 wx.navigateBack 带参数返回指定页面
let pages = getCurrentPages(); // 获取当前小程序打开页面信息列表 . 形式如下参考:图一let prevPage = pages[pages.length - 3]; // 获取要返回页面(addSubject页面)信息, 如图一要返回下标是2的页面prevPage.setData({ ...原创 2020-03-31 16:00:10 · 2870 阅读 · 0 评论 -
微信插件、自定义组件,下拉选择框,横向滑动
微信自定义组件:官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/微信插件:官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/plugin/development.html插件详解:1、如果...原创 2019-11-06 09:53:30 · 493 阅读 · 0 评论 -
小程序按钮去默认样式
button{padding: 0rpx;background-color:transparent;margin: 0;}button::after{border:none;background-color:transparent;}原创 2019-07-04 11:14:36 · 119 阅读 · 0 评论 -
微信小程序自定义头部导航-丁香好物馆头部导航-删除或隐藏头部导航-全屏
大家好,自从小程序的头部导航右上角的胶囊改成这种之后,大家伙找回首页按钮就费劲了,尤其是刚接触小程序的用户,进入入口页之后,懵逼了,怎么进行下一步,不知道,既然在人家微信平台做项目,人家是改变不了了,只能自己想办法。下面参考丁香好物馆的头部导航(本人比较喜欢的风格,简单不奢华):工具:微信小程序提供隐藏头部导航的功能,只剩下右上角漂浮的小胶囊。思路:1.隐藏头部导航,2...原创 2019-05-07 10:40:38 · 1313 阅读 · 3 评论 -
小程序图片上传 wx.uploadFile 后台java PHP两个版本
上传图片:前台选择图片并把临时地址上传后台,后台把图片上传至自己的服务器,以下是上传图片的方法,有后台是java的还有PHP的,如有疑问或不解,请留言。 前端:wxml:<view class='quan' bindtap='addTeamImage' >+</view>//定义添加图片的点击点。js:addTeamImage: function () ...原创 2019-02-12 09:57:14 · 1729 阅读 · 0 评论