微信小程序 input 不能输入特殊字符的方法
摘要:微信小程序开发中经常遇到有表单提交的需求,一些特殊的字段要过滤掉特殊字符。比如姓名、籍贯、地址等,都要实现不能输入特殊字符的功能,可以创建一个统一的方法来处理输入事件,并在这个方法中检查输入的字符。 下面是一个简单的示例: <view class='flex f30 ali-center'> <in
阅读全文
posted @
2024-04-19 16:50
JoeYoung
阅读(159)
推荐(0) 编辑
微信小程序 input中输入内容后还提示请输入的解决办法
摘要:在微信小程序开发中遇到个bug,input表单中明明已经输入了内容,提交时还是检测出让输入内容。 <view class='f30 flex-center'> <input name="realname" value='{{realname}}' placeholder="请填写真实姓名" /> <
阅读全文
posted @
2024-04-18 10:44
JoeYoung
阅读(205)
推荐(0) 编辑
微信小程序 scroll-view 组件的 bindscroll 不触发不生效
摘要:使用微信小程序基础组件中的scroll-view,但是滑动的时候 bindscroll 一直不生效。 <view class="container log-list"> <scroll-view scroll-y style="height:100%;white-space:nowrap;" scr
阅读全文
posted @
2023-08-29 15:20
JoeYoung
阅读(403)
推荐(0) 编辑
scroll-view 组件里的 scroll-into-view 属性实例
摘要:微信小程序的scroll-view组件中,scroll-into-view 属性可以指定滚动到指定id的位置。 <scroll-view class="content" scroll-y scroll-into-view="{{ intoIndex }}" scroll-with-animation
阅读全文
posted @
2023-08-25 15:03
JoeYoung
阅读(2234)
推荐(0) 编辑
微信小程序 授权登录时不得默认强制用户同意隐私政策协议
摘要:今天提交微信小程序审核时,官方提示“隐私政策不合规,默认自动同意《用户服务协议》及《隐私政策》,应当由用户自主阅读后自行选择是否同意隐私政策协议,不得默认强制用户同意。” 需要在微信授权登录时先判断用户是否勾了隐私选协议,然后再弹出获取手机号的弹窗。 所以进行如下修改: 1、增加单选按钮 2、在获取
阅读全文
posted @
2023-08-17 10:41
JoeYoung
阅读(1102)
推荐(0) 编辑
微信小程序 app.json 里 "style": "v2" 的作用
摘要:新版微信小程序的 app.json 文件中多了一个:style": "v2" { "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "navigationBarB
阅读全文
posted @
2023-05-10 11:24
JoeYoung
阅读(499)
推荐(0) 编辑
微信小程序包大小超过2M的解决方法—分包加载
摘要:小程序的包被限制在2M以下, 超出的时候点击预览, 发现报错: Error: 代码包大小为 3701 kb,上限为 2048 kb,请删除文件后重试 解决方法: 1. 优化代码, 删除掉不用的代码 2. 图片压缩或上传服务器 一般图片所占空间较大,尽量不要放在小程序本地文件夹中,如果图片不多我们也可
阅读全文
posted @
2023-04-06 09:53
JoeYoung
阅读(5579)
推荐(0) 编辑
微信小程序 苹果ios固定定位position:fixed失效bug
摘要:问题:底部固定栏设置 position: fixed; 挡住了下面的内容 设置了上面 view 的 margin-bottom ,微信开发工具中都正常,而且安卓真机下显示没问题,但是苹果真机却没启作用。 网上找了半天,发现除了给上面的 view 加 padding 和 margin 以外,还需要为p
阅读全文
posted @
2023-03-29 10:22
JoeYoung
阅读(556)
推荐(0) 编辑
js判断当前H5是否在微信小程序的web-view中
摘要:用小程序提供的 wx.miniProgram.getEnv 可以获取环境参数,但是它有个问题就是无法在非微信环境下判断。所以在使用 wx.miniProgram.getEnv 前得先判断是否在微信环境中。 代码: <script type="text/javascript" src="https:/
阅读全文
posted @
2022-03-01 15:22
JoeYoung
阅读(925)
推荐(0) 编辑
微信小程序上传图片(限制图片大小、张数)
摘要:代码: //选择图片 choice: function () { var that = this console.log(that.data.imgsrc.length); if (that.data.imgsrc.length <= 3) { var ino = 4 - that.data.img
阅读全文
posted @
2022-03-01 10:49
JoeYoung
阅读(1935)
推荐(0) 编辑
微信小程序页面跳转url传参,对象、数据过长、特殊字符问题
摘要:1、传递参数为对象格式 若参数为对象则需先使用 JSON.stringify()进行转换 , 接收后使用JSON.parse()转为对象. 但这样传参有一个问题,当对象数据长度过大时会报错,因为url传参时程序把过长的那段数据给截取掉了,导致数据转换回来时格式不对而报错。 2、传递参数中含有? =
阅读全文
posted @
2021-12-22 09:21
JoeYoung
阅读(971)
推荐(0) 编辑
微信小程序实现懒加载追加数据方法
摘要:业务中我们常会遇到图片较多、或者数据较多的列表,一次渲染出来的话轻则渲染时间过长,重则可能直接罢工白屏,什么都渲染不出来,这个时候懒加载(只渲染视口中的数据)就很有必要了,然后每次再追加一定的条数。 思路: 进入页面初始化,首先 voteList 数组加载前10条(数量根据实际需要),然后每当用户下
阅读全文
posted @
2021-12-21 11:07
JoeYoung
阅读(1100)
推荐(0) 编辑
微信H5适配 解决微信调整字体大小导致Html5页面混乱
摘要:最近开发公众号遇到一个问题: iOS、Android 加载页面,如果用户调整了微信自带的字体大小,那么我们的页面就会跟随调整字体大小,导致页面错乱无法适配。所以希望能够禁止微信的字体放大功能。 找了一些方法总结如下: 原理:阻止ios和安卓调整字体大小时候的事件,ios通过添加css属性,安卓通过微
阅读全文
posted @
2021-06-08 16:01
JoeYoung
阅读(1223)
推荐(0) 编辑
微信内 H5 页面自定义分享
摘要:起源: 最近公司在做一个活动的h5页面,在微信内打开时需要进行微信授权,然后后端会重定向到这个页面并且携带了一些参数(openid等)。问题是点击微信的原生分享时,会把携带的这些参数一起分享出去,等于把用户信息泄露了。所以为了解决这个问题,只能实现自定义微信分享的功能,可以自定义分享的地址、标题、图
阅读全文
posted @
2021-06-08 14:55
JoeYoung
阅读(4202)
推荐(0) 编辑
H5 及 web 页面微信授权登录流程
摘要:一、事先准备工作 配置参数测试公众平台信息(测试号相关配置示例): 1、打开公众平台的测试账号 2、配置js接口安全域名 3、扫码关注测试公众号 4、修改网页授权地址 配置授权回调的域名,至于什么是OAuth2.0,大家自行百度吧。这里的域名也要与上面的域名一致。配置成功会有通过安全监测的提示,这里
阅读全文
posted @
2021-04-26 14:37
JoeYoung
阅读(2351)
推荐(0) 编辑
WePY 项目中使用 Promise
摘要:wepy项目中使用Promise 因为不想陷入异步的回调地域中去,所以在一些复杂的业务当中,我们推荐使用 Promise 或者 async-function 来替代传统的回调,因此需要在项目中单独进行配置。 1. 进入项目跟目录,安装依赖 npm install wepy-async-functio
阅读全文
posted @
2021-04-01 16:39
JoeYoung
阅读(103)
推荐(0) 编辑
WePY 小程序授权点击取消授权失败的方案
摘要:今天看到一个微信小程序 wepy 框架的获取用户信息授权, 收录下,方便以后用的上。 在wepy里使用进行小程序页面授权,里面包含了用户点击取消的重新授权方案: //auth.js /* * @Author: Porco_Mar * @Date: 2018-04-11 15:49:55 * @Las
阅读全文
posted @
2021-03-30 09:57
JoeYoung
阅读(191)
推荐(0) 编辑
微信小程序 WePY 2 框架入门教程
摘要:WePY 2 的设计思想 非侵入式设计 WePY 2 运行于小程序之上,是对小程序原有能力的封装和优化,并不会对原有小程序框架有任何改动或者影响。 兼容原生代码 能够兼容原生代码,即部分页面为原生,部分页面为 WePY。同时做到无需任何改动即可引用现有原生开发的小程序组件。 基于小程序原生组件实现组
阅读全文
posted @
2021-03-29 14:32
JoeYoung
阅读(989)
推荐(0) 编辑
微信小程序 WePY 1.7.X 框架入门教程
摘要:WePY 1.X 项目的创建与使用 前端开发框架和环境都是需要 Node.js ,先安装 node.js 开发环境,WePY 借鉴了 Vue.js(后文简称Vue)的语法风格和功能特性,vue的运行是要依赖于 node 的 npm 的管理工具来实现,安装过程前面写过,这里就不再写了。 WePY的安装
阅读全文
posted @
2021-03-26 11:25
JoeYoung
阅读(671)
推荐(0) 编辑
微信小程序 wx.getUserProfile 接口获取用户信息
摘要:为优化用户的使用体验,平台将进行以下调整: 1、2021年2月23日起,若小程序已在微信开放平台进行绑定,则通过 wx.login 接口获取的登录凭证可直接换取 unionID 。 2、2021年4月13日后发布的小程序新版本,无法通过 wx.getUserInfo 与 <button open-t
阅读全文
posted @
2021-03-17 14:19
JoeYoung
阅读(5956)
推荐(0) 编辑