![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
文章平均质量分 58
喜大普奔⁶⁶⁶
做个有思想的程序员,有木有兼职做做啊~啊,缺马内,给我掉下来个赚马内的副业吧
展开
-
微信小程序之点击文字文字自动转语音进行播放,微信小程序文字识别转语音播放
一堆题目,题干需要在点击的时候进行语音朗读,不做音频上传,不然不便于维护。设置 > 第三方设置 > 插件管理。原创 2023-08-04 17:25:45 · 1626 阅读 · 0 评论 -
微信小程序animation动画,微信小程序animation动画无限循环播放
刚开始想的是 css 的 position: relative + animation,如果宽度固定还好说,宽度不固定,用百分比的话,想象很美好,现实很骨感,百分比相对的是父元素宽度…页面顶部的喇叭通知,内容不固定,宽度不固定,就是做走马灯(轮播)效果,从左到右的走马灯(轮播),每播放一遍暂停 1500ms ~ 2000ms。:你会发现时好时坏,没事,加延迟,加异步,因为虽然是同步执行的代码,代码执行+运行也要时间啊,1ms、5ms、10ms 也是时间。:这里你会发现,是动起来了,就执行了一次。原创 2023-08-02 11:18:37 · 1833 阅读 · 0 评论 -
微信小程序movable-area+movable-view,自动吸附两边,自动向两边靠拢,微信小程序movable-view动态设置x,y值有问题,【解决方案】
代码片段分享链接地址:https://developers.weixin.qq.com/s/gyScghmu7pxY看效果图:直接上代码,注释写的非常详细:index.wxml<view class="cont"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum tempore voluptate dicta, amet nulla doloremque exercitationem vel magni原创 2022-02-24 09:03:22 · 1976 阅读 · 9 评论 -
微信小程序自定义导航栏单独设置某些页面胶囊背景色,微信小程序setNavigationBarColor无效,微信小程序更改右上角按钮背景色
前言我们的小程序导航栏全局用的自定义导航,其中某两个页面的导航栏要有那种科技范儿,将导航栏背景设置成了透明背景,这样导航栏的背景色就跟着页面的背景走了,但是就是右上角的胶囊颜色不跟着变,用微信小程序提供的接口 wx.setNavigationBarColor 设置也不管用,无效,看图:看配置和代码:下图这个背景只适用于我们的自定义导航背景,是透明的下图这个设置是微信小程序自己的接口,最终效果就是上方的白色的胶囊,太…太突兀以及太丑了正解:这个好像是之前看手册的时候上边说如果设置成了自定义的原创 2022-01-05 14:43:56 · 6917 阅读 · 1 评论 -
微信小程序wxs文件wxs函数无效情况之一
先看目录:wxs里边代码:var test = function (array){ return array.length}module.exports.test = test页面使用:选中直接拍回车,然后就是然后了…看调用:看输出:空白哎,空白的,无效的wxs,一顿上度娘找,一顿调试,一顿删除重建,一顿更新开发者工具,最后的最后…不拍回车,手动输入引入地址看输出:卧槽???微信开发者工具,我选中文件之后拍回车直接补全的没携带后缀惹的祸?…我&%#%$原创 2021-10-22 10:49:02 · 2144 阅读 · 0 评论 -
记录微信小程序web-view页面分享出去之后没有返回首页按钮,微信小程序WebView页面分享出去后没有返回首页按钮,全局使用的自定义导航【解决办法】
描述:微信小程序使用的是全局自定义导航,通过首页 banner 跳转到一个 web-view 页面,展示官网。web-view 页面要分享出去,通过分享出去的卡片进入,因为通过分享的卡片进入的画,当前页面栈肯定是最底层的那个,没有上一页,所以需要有返回首页的按钮。问题:测试的时候有这个返回首页的按钮(用的 IOS 测试的,当时 安卓 没测试,想当然的认为 IOS 都好了, 安卓 肯定没问题),放到线上之后,有用户反馈分享出去再进入之后没有返回首页按钮(用户是 安卓 )。这让我很纳闷啊…自己用安卓原创 2021-07-21 15:03:31 · 1866 阅读 · 0 评论 -
微信小程序播放语音|audio播放mp3|audio播放音频在IOS|苹果手机上外放没声音,戴上耳机就有声音【解决办法记录】
以前项目中遇到的问题,在这里记录一下语音播放使用的 wx.createInnerAudioContext()诡异问题记录:在安卓上都没问题,语音发送接收之后播放都没问题,就是在 IOS 上播放没声音,戴上耳机就可以听到声音,不戴耳机就没声音,音量加到最大还是没声音…看手册:有一个 API 叫 wx.setInnerAudioOptionobeyMuteSwitch 选项 默认值:true(仅在 iOS 生效)是否遵循静音开关,设置为 false 之后,即使是在静音模式下,也能播放声音原因找到原创 2021-04-06 16:14:40 · 2272 阅读 · 1 评论 -
微信小程序添加/打开全局转发分享
前言:目前微信小程序只开放了页面自定义分享的API,为了能够更灵活的进行分享配置、满足运营的需求,本文总结了微信小程序分享转发的多种用法,其中包括官方提供的页面自定义分享,使用隐式路由和页面配置实现的全局分享和全局+自定义的分享组合方式,希望能对需要实现分享多样化的同学有所帮助。官方提供的自定义分享:如上,只有定义了转发函数,才能分享页面,如此如果只需分享页面,只需要定义分享函数即可:onShareAppMessage(res) { }如果需要自定义分享内容,则需要对函数进行配置,如下:on转载 2021-03-08 14:07:32 · 2798 阅读 · 0 评论 -
微信小程序onShareAppMessage异步请求接口之后根据请求过来的数据设置return的数据,onShareAppMessage支持异步数据示例
先看效果:直接上代码:const app = getApp()Page({ data: { // imgUrl:'https://www.xxxx.com/images/xxx.jpg' }, onShareAppMessage(e){ return new Promise((resolve,reject)=>{ wx.showLoading({ title: '正在请求分享数据...', icon: 'none'原创 2021-01-27 15:37:55 · 4443 阅读 · 9 评论 -
微信小程序[渲染层错误] TypeError: Cannot read property ‘replace‘ of undefined 【解决办法】
微信小程序报错:[渲染层错误] TypeError: Cannot read property 'replace' of undefined at rewritor (http://127.0.0.1:15386/__pageframe__/__extendedlib__/weui/latest/pageframe.js:176:44) at http://127.0.0.1:15386/__pageframe__/__extendedlib__/weui/latest/pageframe原创 2020-12-24 10:22:18 · 34351 阅读 · 17 评论 -
微信小程序标准版统一封装storage操作及使用方法记录
先上封装之后的代码:/** * 微信小程序标准版:统一封装的 storage 操作类 */class Storage { types = { 1: 'get', // get 2: 'set', // set 3: 'rm' // rm } /** 构造函数,这里没用 */ constructor() {} /** * * @param {*} key | 要操作的键值 * @param {*} type | 类型,是 get set原创 2020-10-22 17:32:03 · 1178 阅读 · 0 评论 -
微信小程序标准版统一封装wx.request请求,使用统一封装的class做请求数据笔记记录
首先先封装一个 class 放入一个独立的文件内:utils/http.js/** * 微信小程序标准版:统一封装的 http 请求类 */class Http { /** * prefix of Http _get _post ... * @param baseUrl: string */ constructor(baseUrl = '') { if (typeof baseUrl !== 'string') { throw new Error('H原创 2020-10-22 15:07:58 · 707 阅读 · 0 评论 -
ios升级14之后微信小程序picker组件样式乱套了,picker组件样式有问题,解决办法是自己用picker-view写了个通用的选择器组件,这下所有问题都解决了
组件存放处:https://gitee.com/zgp-qz/picker-view-custom-componentios 升级 14 之后,微信小程序自带的 picker 组件样式出了问题,官方说正在解决,但是他们解决个 bug 是按照月来数的,毕竟家大业大,总不能动不动更新一次动不动更新一次吧,于是逼着自己写了个相对来说能通用一点的 picker 组件这下效果统一了,也不用管组件样式不对了看效果:普通选择器:多列选择器:级联选择器:日期选择器:时间选择器:..原创 2020-09-23 18:26:21 · 1196 阅读 · 0 评论 -
微信小程序在开发者工具和预览下边跳转都好好的真机预览就找不到页面,报错 {“errMsg“:“navigateTo:fail page \“***\“ is not found“}
微信小程序开发有这么一种情况:在开发者工具里边随便点随便跳转,页面都能找到点击预览,手机扫码来回点来回跳,页面都能找到点击真机预览,来回点来回跳,偶尔页面就找不到了报错:(in promise) MiniProgramError{“errMsg”:“navigateTo:fail page “module/aaa/bbb?aaa=bbb” is not found”}Object找不到页面应该就三种情况:url 拼写(层级)错了,仔细检查一下组件还没写或者说组件还没创建组件有了,拼原创 2020-08-18 17:46:39 · 1184 阅读 · 0 评论 -
微信小程序获取的语言列表统计,微信小程序getSystemInfo获取的各种语言都叫什么?微信小程序国际化|多语言版本获取微信小程序语言大全【记录】
微信小程序要做国际化,需通过 wx.getSystemInfo 获取到当前使用的语言,来切换不同的语言包,或许是我没找对地方?查了一下微信手册上没有这个标准语言对照表或者记录啥的,只能自己挨个儿获取一遍来查看了,这里记录一下,不是很全,因为有的语言提示需要切换地区,就没切换,挑了一些来记录一下,一般做个国际化也就那几种语言,什么 中、英、日、韩、俄 … 等等,有个五六个语言包就 liǎo 不 dì 了没排顺序随便点的,用到了就 crtl + f 或者自行查看吧1. 简体中文 ------ zh-CN原创 2020-07-24 12:02:18 · 1108 阅读 · 0 评论 -
微信小程序在自定义组件内部调用canvas绘图,画不上去,空白
不罗嗦,直接上例子先看位置,在自定义组件内部用的canvas<canvas class="share-canvas" canvas-id="shareCanvas"></canvas>let ctx; //最顶部定义的methods:{ //初始化画布 initCanvas: function () { //获取画布对象 ctx = wx.createCanvasContext('shareCanvas'); //填充原创 2020-06-09 19:37:26 · 4617 阅读 · 11 评论 -
微信小程序组件movable-area事件穿透,事件冒泡,movable-area遮盖/遮挡住其他元素之后点击事件不穿透/不冒泡解决办法
先上解决办法:.movable-area{ position:fixed; top:0; left:0; width:750rpx; height:100%; pointer-events: none;}.movable-view{ color:#F00; position:relative; pointer-events: auto; width:auto; height:auto; display:inline-block;}看微信小程序需求原创 2020-05-14 16:31:48 · 3259 阅读 · 6 评论 -
微信小程序获元素对象的宽高或者获取元素的位置
记录一下下let query = wx.createSelectorQuery().in(this); query.select('#movableArea').boundingClientRect((rect) => { console.log('rect', rect) let x = rect.width; let y = rect.height / 2; this.setData({x,y}) }).exec() // exec原创 2020-05-14 16:11:17 · 1968 阅读 · 0 评论 -
微信小程序webview页面不刷新,webview缓存页面不刷新,小程序webview页面不刷新,小程序webview地址追加参数页面还是缓存,解决办法
项目需求,在微信小程序首页的 banner 图,打开公司官网,这个功能很好实现,就是专门整个 webview 组件所在页面,以后凡是有这种需求的都跳转到这个页面,只需要切换不同的路由地址就行了,可是最近出现了一个问题:::官网上的所有数据都是静态数据,没用到服务端,纯静态的,这时候需要修改一下公司的电话,还有某些字眼,改完之后直接放服务器上了使用 PC 端浏览器访问官网,查看已经改过来了,于是就没再管,过了段时间,领导说怎么还没改过来,???什么情况???领导说是用微信小程序访问的,没改过来,将小程序原创 2020-05-12 13:47:45 · 3187 阅读 · 1 评论 -
vue版本的h5页面悬浮按钮,微信小程序跳转到h5页面显示一个可来回拖动的悬浮按钮,点击h5页面的悬浮按钮返回微信小程序
pc端演示没有悬浮按钮:小程序端演示有悬浮按钮:微信小程序跳转 H5 页面之后,如果你在 H5 页面内部跳来跳去,顶部返回按钮也只是一步步返回你 H5 访问历史记录,没有什么方式能一步返回小程序的,所以这边添加了一个悬浮按钮,只在小程序环境下显示,为的就是不管你在 H5 页面操作了多少步,都能一步返回你的小程序<div class="hover-div" :clas...原创 2020-04-26 13:50:49 · 1621 阅读 · 0 评论 -
微信小程序之左滑动显示按钮,向左滑动显示删除按钮,记录一下以后拿来直接用
今天看我们UI图上有这么一个功能web端的做过,这个微信小程序的没做过,于是上手册上找组件,寻思会跟app一样有什么组件呢,结果让我失望了,没有,好了,既然没有咱们自己做一个不就完了,它没组件,但是有事件啊这三个函数就够了**注意:**讲一下工作原理,然后直接上代码...原创 2020-03-05 21:55:15 · 2231 阅读 · 1 评论 -
微信小程序转发|分享判断是否转发|是否分享成功,分享之后的回调?fail,success,complete咋不执行?
想判断微信小程序的转发或分享是否成功?是否有回调函数?fail,success,complete咋不执行?来来来,看看这儿 【GO>>】或者直接看下面的内容吧,直接粘过来的“分享监听”能力调整【官】微信团队 2018-09-12近期我们收到了很多用户对小程序/小游戏中分享功能的投诉:在某些小程序/小游戏中,分享并非是用户主动自发的行为,而是受到了某类利益的诱惑,或是被迫分享。...原创 2020-02-14 16:49:31 · 12192 阅读 · 5 评论 -
uniapp开发微信小程序,开发者工具、真机预览都没问题,唯独预览、体验版在手机上列表顺序错乱,用的localeCompare做的中文排序,终于找到问题并解决掉了,记录一下子
开发者工具预览,顺序是对的真机运行也是好的直接手机预览、体验预览,不按套路出牌了 捉鸡捉鸡捉鸡捉鸡捉鸡捉鸡捉鸡自己测试:一、我以为 for 循环的 key 冲突了,全部检查一遍,确保 key 不冲突二、将 list 转换成 JSON 字符串直接写死,发现没问题,定位到了数据这块儿三、跪求大家遇到的情况及解决办法?跪求!!!...原创 2020-01-22 10:33:05 · 2539 阅读 · 0 评论 -
微信小程序添加菜单报错45064 no permission to use weapp in menu hint
报:45064错误描述:no permission to use weapp in menu hint因为你添加的菜单里面有小程序的菜单,我出现这个错误是因为小程序主体迁移之后,新的公众号未关联当前这个小程序,所以报了这个错误,解决办法:公众号关联一下要添加的菜单对应的小程序就好了给一个我添加的公众号菜单模板,可以按照这个添加{ "button": [ { "type...原创 2019-12-27 16:38:37 · 5866 阅读 · 2 评论 -
微信小程序自定义组件,图片加载出来之前的默认图或者默认loading动画
一、自定义组件 image-loaderimage-loader.wxml<view wx:if="{{!finishLoadFlag}}" class="defaultImg" style="{{width ? 'width:' + width : ''}};{{height ? 'height:' + height : ''}}" > <view class="l...原创 2019-11-28 15:35:42 · 2895 阅读 · 0 评论 -
控制微信小程序更新版本
UpdateManagerUpdateManager 对象,用来管理更新,可通过 wx.getUpdateManager 接口获取实例。方法UpdateManager.applyUpdate()强制小程序重启并使用新版本。在小程序新版本下载完成后(即收到 onUpdateReady 回调)调用。UpdateManager.onCheckForUpdate(function callbac...原创 2019-11-11 10:40:46 · 633 阅读 · 0 评论 -
微信小程序自定义播放器实现左右箭头切换视频,根据手机横屏竖屏自动全屏和退出全屏
自己写的播放器,记录一下player.wxml<view class="player-container"> <video id="myVideo" bindtap="triggerControls" class="my-video" direction show-progress="{{true}}" show-fullscreen-btn="{{true}}"...原创 2019-09-30 18:05:20 · 2020 阅读 · 0 评论 -
微信小程序获取unionid报错 41003 操作失败
前台登录逻辑:getUserInfo授权 >> 请求后台查询用户信息看openid和unionid无openid,wx.login() >> 随机code获取openid,>>openid,iv,encrydata获取unionid >>登录成功有openid,无unionid直接openid,iv,encrydata获取unionid...原创 2019-09-30 17:38:48 · 2122 阅读 · 0 评论 -
微信小程序开发的一些注意事项记录
button按钮不能自定义样式因为你写了type属性,只要不写type属性,可随意变更button样式不能跳转页面的时候记得查看一下跳转的页面是否是tabBar页面,如果是,只能用switchTab来跳转微信小程序主包里面包含:默认启动页面/TabBar 页面,以及一些所有分包都需用到公共资源/JS 脚本如果主包和分包都要用到的公共资源都大于了2M,只能想办法将能用远程的公共资源都放到远...原创 2019-09-30 16:53:09 · 326 阅读 · 0 评论