![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
微信/小程序
文章平均质量分 54
微信,小程序
joe0235
这个作者很懒,什么都没留下…
展开
-
微信小程序 input 不能输入特殊字符的方法
微信小程序开发中经常遇到有表单提交的需求,一些特殊的字段要过滤掉特殊字符。比如姓名、籍贯、地址等,都要实现不能输入特殊字符的功能,可以创建一个统一的方法来处理输入事件,并在这个方法中检查输入的字符。请注意,这个示例在输入非符合正则表达式时会清空输入框,这可能会影响到部分用户的体验感。原创 2024-04-19 16:54:33 · 565 阅读 · 0 评论 -
微信小程序 scroll-view 组件的 bindscroll 不触发不生效
5、滚动的可能是page,如果确定page里的内容不需要滚动。只滚动scroll-view里的内容,禁用页面滚动。使用微信小程序基础组件中的scroll-view,但是滑动的时候 bindscroll 一直不生效。1、没有设置高度,根据小程序文档,在使用 scroll-view 组件用于竖向滚动时一定要设置高度。3、组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。4、scroll-view 里有两个子元素,加一个view给包起来。2、没有设定scroll-y。原创 2023-08-29 15:21:34 · 1879 阅读 · 0 评论 -
微信小程序 授权登录时不得默认强制用户同意隐私政策协议
微信小程序授权登录时,应当由用户自主阅读后自行选择是否同意隐私政策协议,不得默认强制用户同意原创 2023-08-17 10:42:41 · 1250 阅读 · 0 评论 -
微信小程序 app.json 里 “style“: “v2“ 的作用
新版微信小程序的 app.json 文件中多了一个:style": "v2"原创 2023-05-10 11:26:28 · 1320 阅读 · 1 评论 -
微信小程序包大小超过2M的解决方法—分包加载
小程序的包被限制在2M以下, 超出的时候点击预览, 发现报错原创 2023-04-06 09:56:33 · 4777 阅读 · 0 评论 -
js判断当前H5是否在微信小程序的web-view中
用小程序提供的 wx.miniProgram.getEnv 可以获取环境参数,但是它有个问题就是无法在非微信环境下判断。所以在使用 wx.miniProgram.getEnv 前得先判断是否在微信环境中。代码:<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script><script> var ua = navigator.userA原创 2022-03-01 15:22:20 · 895 阅读 · 0 评论 -
微信小程序上传图片(限制图片大小、张数)
代码://选择图片 choice: function () { var that = this console.log(that.data.imgsrc.length); if (that.data.imgsrc.length <= 3) { var ino = 4 - that.data.imgsrc.length; wx.chooseImage({ //从本地相册选择图片或使用相机拍照 count: ino,原创 2022-03-01 10:49:14 · 6623 阅读 · 2 评论 -
微信小程序页面跳转url传参,对象、数据过长、特殊字符问题
1、传递参数为对象格式若参数为对象则需先使用 JSON.stringify()进行转换 , 接收后使用JSON.parse()转为对象.但这样传参有一个问题,当对象数据长度过大时会报错,因为url传参时程序把过长的那段数据给截取掉了,导致数据转换回来时格式不对而报错。2、传递参数中含有? = &等特殊字符若传递参数中含有=,?,&等特殊字符,无法正常传递参数,则需要进行编码解码。解决:这时可以再添加另一个API:encodeURIComponent(obj) 和 decodeUR原创 2021-12-22 09:21:00 · 2967 阅读 · 1 评论 -
微信小程序实现懒加载追加数据方法
业务中我们常会遇到图片较多、或者数据较多的列表,一次渲染出来的话轻则渲染时间过长,重则可能直接罢工白屏,什么都渲染不出来,这个时候懒加载(只渲染视口中的数据)就很有必要了,然后每次再追加一定的条数。思路:进入页面初始化,首先 voteList 数组加载前10条(数量根据实际需要),然后每当用户下拉到底部后,触发onReachBottom函数,追加后10条到 voteList 数组中,循环直到全部加载完毕,显示“全部加载完毕”等提示语,此时无法下拉。代码:wxml:<view class="v原创 2021-12-21 11:07:23 · 1250 阅读 · 1 评论 -
微信内 H5 页面自定义分享
起源:最近公司在做一个活动的h5页面,在微信内打开时需要进行微信授权,然后后端会重定向到这个页面并且携带了一些参数(openid等)。问题是点击微信的原生分享时,会把携带的这些参数一起分享出去,等于把用户信息泄露了。所以为了解决这个问题,只能实现自定义微信分享的功能,可以自定义分享的地址、标题、图标还有简介。事先需要做的:1.微信公众号:必须是经过微信认证的,没有认证的或者认证过期的都不可以;2.经过备案的域名:必须是备案过的,不然是无法使用的;3.绑定域名:首先你需要将需要分享的网址的域名绑定到原创 2021-06-04 16:56:44 · 1405 阅读 · 2 评论 -
微信H5适配 解决微信调整字体大小导致Html5页面混乱
最近开发公众号遇到一个问题:iOS、Android 加载页面,如果用户调整了微信自带的字体大小,那么我们的页面就会跟随调整字体大小,导致页面错乱无法适配。所以希望能够禁止微信的字体放大功能。找了一些方法总结如下:原理:阻止ios和安卓调整字体大小时候的事件,ios通过添加css属性,安卓通过微信属性去阻止。iOS系统禁止微信客户端修改字体大小:/* iOS禁止微信调整字体大小 */body { -webkit-text-size-adjust: 100% !important;原创 2021-05-25 15:02:02 · 3649 阅读 · 2 评论 -
H5 及 web 页面微信授权登录流程
一、事先准备工作配置参数测试公众平台信息(测试号相关配置示例):1、打开公众平台的测试账号2、配置js接口安全域名3、扫码关注测试公众号4、修改网页授权地址配置授权回调的域名,至于什么是OAuth2.0,大家自行百度吧。这里的域名也要与上面的域名一致。配置成功会有通过安全监测的提示,这里不上截图了。注意:1、这里填写的是域名(是一个字符串),而不是URL,因此请勿加http://等协议头;2、授权回调域名配置规范为全域名,比如需要网页授权的域名为:www.qq.com,配置以后此原创 2021-04-26 14:38:27 · 31933 阅读 · 5 评论 -
WePY 项目中使用 Promise
wepy项目中使用Promise因为不想陷入异步的回调地域中去,所以在一些复杂的业务当中,我们推荐使用 Promise 或者 async-function 来替代传统的回调,因此需要在项目中单独进行配置。进入项目跟目录,安装依赖npm install wepy-async-function --save在app.wpy中导入import 'wepy-async-function'; 在app.wpy中开启 promiseexport default class extends原创 2021-04-02 14:19:51 · 185 阅读 · 0 评论 -
微信小程序 wx.getUserProfile 接口获取用户信息
为优化用户的使用体验,平台将进行以下调整:1、2021年2月23日起,若小程序已在微信开放平台进行绑定,则通过wx.login接口获取的登录凭证可直接换取unionID。2、2021年4月13日后发布的小程序新版本,无法通过 wx.getUserInfo 与 <button open-type="getUserInfo"/> 获取用户个人信息(头像、昵称、性别与地区),将直接获取匿名数据(包括userInfo与encryptedData中的用户个人信息),获取加密后的openID...原创 2021-03-29 16:26:16 · 8596 阅读 · 0 评论 -
Wepy 微信小程序项目踩坑记
今天接到一个新任务,修改一个 wepy 框架开发的微信小程序。在代码的 REDEAD.md 文件里:npm install wepy-cli -gwepy -v1.7.3$ npm install @wepy/cli -g # 全局安装 WePY CLI 工具$ wepy init standard myproj # 使用 standard 模板初始化项目$ cd myproj # 进入到项目目录$ npm install # 安装项目依赖包$ npm run dev # 监听并原创 2021-03-29 14:25:53 · 431 阅读 · 0 评论