一、背景传统的web开发实现登陆功能,一般的做法是输入账号密码、或者输入手机号及短信验证码进行登录。服务端校验用户信息通过之后,下发一个代表登录态的 token 给客户端,以便进行后续的交互,每当token过期,用户都需要重新登录。而在微信小程序中,可以通过微信官方提供的登录能力方便地获取微信提供的用
微信小程序中 swiper 组件禁止上下滑动,这个实现起来比较简单,该组件的 swiper-item 里面上下滑动会执行函数 catchtouchmove,直接可以通过控制这个函数来实现:```html ``````javascriptstopTouchMove: function () { return false;}```此方法可以阻止 swiper 滑动,但是会导致页面不能滑动
小程序中实现锚点效果,可以直接使用scroll-view的scroll-into-view属性就可以实现锚点效果,比较方便简单。那么需要用到scroll-view那些参数呢,下面具体讲讲:- scroll-x | scroll-y:设置滚动刚想- scroll-into-view:子元素id(id不能以数字开头)。设置哪个方向可滚动,则在哪个方向滚动到该元素。- scroll-with
首先,把已建好git库(如未创建请先对git进行配置[【git下载、安装及常规环境配置】](other/25.html "【git下载、安装及常规环境配置】"))项目导入[开发者工具](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html "开发者工具")。1.点击开发者工具右上角**版本管理**,然后点击设置。![](/s
想要实时监听input的输入只要使用 bindinput(**键盘输入时触发,event.detail = {value, cursor, keyCode},keyCode 为键值,2.1.0 起支持,处理函数可以直接 return 一个字符串,将替换输入框的内容。**) 就可以了,微信小程序提供了方法获取,还是比较方便的。
这里是针对后端输出内容,也就是后台使用文本编辑器传的内容,因为编辑器都会带上各种标签,在小程序展示的时候就需要去做解析,这里我们用wxParse插件。解压后直接放根目录就行,暂时不用修改任何文件。
wx.clearStorage() 清除本地所有小程序,wx.clearStorageSync()为同步接口,效果同理。我们先随便添加2条缓存;wx.setStorageSync("name", "测试小程序");wx.setStorageSync("版本", "1.0.0");然后我们使用wx.clearStorage()方法.
微信小程序中的swiper组件是滑块视图容器,但是有很多样式是固定的,而实际使用的时候可能会根据轮播图大小、样式,可能就需要改变指示点的样式。(常见:修改指示点颜色、把知识点修改为小长方形等)。
场景:只渲染10条数据中的前5条,这里使用 wx:if 和 index 来进行限制,这里实例我们显示前5条(也就是索引小于5)。list: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]先看未添加显示效果{{item}}![](/static/upload/image/20220509/1652082649395853.png)增加显示后效果
template可以理解为:通用模板、通用函数,就是可以在多个地方重复使用,可以减少代码冗余,也管理方便,使用比较方便。####举个栗子:如图所示,像购物类小程序,猜您喜欢这种板块一般都会在多个地方出现,咱们可以把wxml里的代码提取出来,放到template里,通过数据传输,就可以达到不同地方使用同一样式,展示内容
小程序中提供了wx.getSystemInfo(OBJECT),可以获取到当前设备信息;在获取到的设备信息结果中,找到platform属性(客户端平台),然后可以使用platform进行条件判断,针对不同客户端显示不同内容;
微信小程序中使用MD5加密,在utils文件夹里放入md5.js(md5.js放在本文尾部),方便调用;在需要使用的页面或组件中require引入外部文件;另外md5.js里默认使用exports输出了3个方法,如需其它(hex_md5,b64_md5,str_md5,hex_hmac_md5,b64_hmac_md5,str_hmac_md5)加密请自行添加输出;