一,使用view形式的回到顶部 <image src='../../img/button-top.png' class='goTop' hidden='{{!floorstatus}}' bindtap="goTop"></image> /* 返回顶部 */ .goTop{ height: 80rpx; width: 80rpx; position: fixed; bottom: 50rpx; background: rgba(0,0,0,.3); right:

今天在做微信小程序时,设置wx.navigateTo页面跳转并传参数,点击始终没有效果,代码如下: //事件处理函数 newsDetail: function (event) { console.log(event), //带id跳转到指定的页面,这里的event.currentTarget.dataset.id是获取wxml页面上的data-id参数,详见事件说明 wx.navigateTo({ url: "../detail/detail?id="+event.currentTar

tabBar 客户端窗口底部的tab页面切换,只能配置最好两个.最多5个tab 属性说明: 属性 类型 必填 默认值 描述 color HexColor 是 tab上的文字默认颜色 selectedColor HexColor 是 tab上的文字选中时的颜色 backgroundColor HexColor 是 tab的背景颜色 boderStyle String 否 black tab上边框的颜色,仅支持black/white 大专栏  微信小程序配置二> list Array 是 tab的列

微信小程序-导航 & 路由 页面跳转 页面路由 页面栈, 框架以栈的形式维护了当前的所有页面. https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/route.html 使用 getCurrentPages() 函数获取当前页面栈. // pages/base/index.js const log = console.log; const err = console.error; log(`getCurre

uniapp 微信小程序 配置分享朋友和朋友圈 首先在小程序中配置微信分享,和微信朋友圈, onShareAppMessage, onShareTimeline 这两个API 和 onLoad 同级目录配置 在小程序每个页面都要设置这两个函数,修改内容比较心烦,不符合代码风格.可以通过mixins 混入的方式给每个页面设置分享的内容 在使用 mixins 的时候, 可以在全局混入, 也可以在每个页面中混入 配置分享的两个函数 onShareAppMessage(res) { return { t

微信小程序开发:学习笔记[8]——页面跳转及传参 页面跳转 一个小程序拥有多个页面,我们可以通过wx.navigateTo推入一个新的页面.在首页使用2次wx.navigateTo后,页面层级会有三层,我们把这样的一个页面层级称为页面栈. 后续为了表述方便,我们采用这样的方式进行描述页面栈:[ pageA, pageB, pageC ],其中pageA在最底下,pageC在最顶上,也就是用户所看到的界面,需要注意在本书编写的时候,小程序宿主环境限制了这个页面栈的最大层级为10层 ,也就是当页面栈

这段时间开发了一个微信小程序,虽然小程序的导航API 官方文档写得很详细,但是在具体开发过程中还是会遇到很多不明白,或者一时转不过弯的地方. 1.页面切换传参,参数读取 1.1  wx.navigateTo(object) 功能:保留当前页面,跳转到应用内的某个页面,但是不能跳到 tabbar 页面.使用 wx.navigateBack 可以返回到当前页面. wx.navigateTo({ //当前页面对应的JS文件内 控制模板 url: 'test?id=1' //需要切换到的页面路劲,此处为

在开发微信小程序时,有一个消息推送,它的解释是这样的. 消息推送具体的内容是下面的这个网址   https://developers.weixin.qq.com/miniprogram/dev/framework/server-ability/message-push.html,他介绍的也还可以,就是我这里换成了node代码. 消息推送 启用并设置消息推送配置后,用户发给小程序的消息以及开发者需要的事件推送,都将被微信转发至该服务器地址中.   在微信小程序的首页开发里面,开发设置中,微信的官网

方案1:直接使用微信小程序提供的 “scroll-view " 组件. <scroll-view scroll-y style="height: 100%;"> <!--你要滚动的内容--> </scroll-view> 注意:必须要设置scroll-view的高度height 加了scroll-view之后,外出view需加上overflow:scroll,否则还是会被撑大,导致固定布局的位置有问题. 方案2: view{ overflo

拿到一个微信小程序的项目,需要配置https安全链接(为什么必须使用https不再赘述),预想这个已经很成熟的流程,应该不会有太大问题,结果还真是出乎意料,竟然掉进一个大坑,折腾好久. 申请证书配置的详细流程不再写了,大概就是去腾讯云或者阿里云申请一个ssl证书,按照自己的网站架构下载相应的证书,导入到自己的服务器,导入方法下载时有详细教程. 这里需要注意几点: 1. htpps默认使用443端口,确认443未被占用 2.在防火墙中添加新的入站规则,允许443端口被访问.(我用的阿里云服务器EC

微信小程序的页面路由由平台已栈的形式管理. 微信小程序的页面为什么会如此特殊呢,因为可视区域始终只有一个页面. 一.小程序页面的路由方式 小程序页面有6种路由方式:初始化.打开新页面.页面重定向.页面返回.Tab切换.重加载 路由方式 页面表现 初始化 新页面入栈 打开新页面 新页面入栈 页面重定向 当前页面出栈,新页面入栈 页面返回 页面不断出栈,直到目标返回页,新页面入栈 Tab切换 页面全部出栈,只留下新的Tab页面 重加载 页面全部出栈,只留下新的页面 二.切换 路由方式 触发时机 路由

在微信小程序的开发过程中,当需要请求第三方网站数据时,都是直接调用wx.request接口的: xxxx:function(){ wx.request({ url: 'xxxxxxxxxx', data: {}, header: { 'content-type': 'application/json' }, success: function (res) { console.log("success!"); } })} 但是当我们在程序中实际调用以上程序时,就会报错:“xxxxxxxx

在微信小程序后台配置web-view的业务域名跟扫普通链接二维码打开小程序两项功能时, 一直提示"校验文件验证失败,请下载校验文件,上传到服务器指定的目录" 实际访问校验文件的路径是存在的.找了官方社区也没有找到答案.最后自己还是折腾出来了. 因为我的站点有开启访问自动跳转到https,于是访问的时候得到状态码是301而不是200. 参考: https://jiezhe.net/post/49.html

微信小程序启动页面: Pages:  index / logs 有 index和logs的页面,每个页面中都有独立的js逻辑,wxml负责页面内容,wxss负责样式. utils app.js app.json app.wxss project.config.json 负责首页的登陆以及一些逻辑代码,对于一些代码,后续解答.

一.是什么 微信小程序拥有web网页和Application共同的特征,我们的页面都不是孤立存在的,而是通过和其他页面进行交互,来共同完成系统的功能 在微信小程序中,每个页面可以看成是一个pageModel,pageModel全部以栈的形式进行管理 二.有哪些 常见的微信小程序页面跳转方式有如下: wx.navigateTo(Object) wx.redirectTo(Object) wx.switchTab(Object) wx.navigateBack(Object) wx.reLaunch

截止到发稿小程序支持的功能,后续如果小程序更新在完善文稿. 1. 小程序可以内嵌组件跳转到h5页面,前提是在小程序后台配置相应的业务域名.新打开的h5页面会替代小程序组件内的其它组件,即为h5不能与小程序组件共存显示在屏幕上. <web-view src="{{content}}"></web-view> 2. 打开的h5页面可以通过触发某事件可以跳转到本小程序(不能是其它小程序)的任意页面,并且可以携带参数.前提是在h5页面引入相应jssdk. <!DO

跳转到内部链接 这个我们应该都知道,通过wx.navigateTo,wx.redirectTo,wx.swtichTab等小程序内部的方法,可以直接跳转到小程序内部已经注册的(就是在app.json中已经记录的)链接页面. 但是怎么跳转到外部页面呢? 微信小程序中有个这样的东西:web-view,可以帮助跳转,需要注意的是,跳转的url是需要在微信公众平台上面配置业务域名的,否则就会出现这样: 详细内容看文档 跳转到外部页面 1.首先在你需要点击的页面,添加一个bindtap方法,用来触发跳转页

Java 后端微信小程序支付 一.遇到的问题 1. 商户号该产品权限未开通,请前往商户平台>产品中心检查后重试 2.签名错误 3.已经调起微信统一下单接口,可以拿到预支付ID,但是前端支付的时候出现 支付验证签名失败 网上的问题基本上就是这三类下面说解决方案. 第一个问题:商户号的问题,微信app支付与微信小程序支付的商户号不同,微信app内支付与微信开放平台内的商户号绑定,微信小程序支付是与微信公众平台内的商户号绑定. 第二个问题:签名错误, 第一次签名需要的appid mchid key 分

场景 在使用小程序的时候会出现这样一种情况:当网络条件差或卡顿的情况下,使用者会认为点击无效而进行多次点击,最后出现多次跳转页面的情况,就像下图(快速点击了两次): 解决办法 然后从 轻松理解JS函数节流和函数防抖 中找到了解决办法,就是函数节流(throttle):函数在一段时间内多次触发只会执行第一次,在这段时间结束前,不管触发多少次也不会执行函数. /utils/util.js: function throttle(fn, gapTime) { if (gapTime == null ||

在之前已经通过微信公众平台的官方网站https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html,注册好小程序并且登录成功后(这里主要是学习为主,所以注册时选择的主体是个人),点击“文档”-->“开发”--“工具”,即可下载最新的开发者工具.这个网站对于新手来说非常重要,建议收藏下. 这里的配置在该网站的开发文档里也有详细的讲解(“框架”-->“配置”),可以参考下. 现在就列举下一些基础的配置吧.(首先新添加一个项目,这里要

小程序 picker 多列选择器 数据动态获取 需求是将各校区对应各班级的数据 以两列选择器的方式展示出来,并且可以在选择完成之后记录选结果参数. 校区数据 和 班级数据 分别是两个接口,以 校区 teach_area_id 字段关联 其各班级数据 <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColum