wx:小程序
_Lunay
这个作者很懒,什么都没留下…
展开
-
小程序 getCurrentPages()使用场景
不要尝试修改页面栈,会导致路由以及页面状态错误。不要在 App.onLaunch 的时候调用 getCurrentPages(),此时page 还没有生成。熟悉页面栈后才能更好的使用getCurrentPages(),下面将列举几种常用的使用场景:1、利用页面栈的长度例如:进入小程序非默认首页时,需要提供返回首页的按钮或者执行其它事件1 onShow() {2 let pages = getCurrentPages(); //当前页面栈3 if (pages.leng转载 2021-09-10 10:09:33 · 942 阅读 · 0 评论 -
判断H5页面环境是否在小程序的webview中
isMiniProgram(n){ return new Promise((resolve, reject) => { if(-1 == navigator.userAgent.toLowerCase().indexOf("micromessenger")){ resolve(false) return }else{ wx.min...原创 2020-08-25 14:23:19 · 833 阅读 · 0 评论 -
小程序toast显示多行文字
参数配置如下:wx.showToast({title: res.msg,icon: 'none',duration:2000,})添加icon: 'none', 文字多行可以展示 图标会消失~原创 2019-05-18 11:17:28 · 5401 阅读 · 0 评论 -
小程序-本地图片转base64最简单方法
wx.chooseImage:得到图片地址wx.getFileSystemManager:创建文件管理类readFileSync:读取本地文件,直接得到base64 wx.chooseImage({ success: function(res) { console.log(wx.getFileSystemManager().readFileSync(...转载 2019-05-20 16:09:50 · 2389 阅读 · 0 评论 -
小程序websocket(心跳连接)
来源websocket连接之后,如果隔一段时间不聊天,运营商会认为你空占网络资源,强行关闭你的websocket连接,如果想要一直保持连接,就需要监听websocket关闭事件,等关闭时重新连接从而让websocket一直保持连接.这个过程称为心跳1、必须要有心跳,如果没有会自动断开连接。2‘、断开后必须取消setTimeout,不然会继续执行一次。3、发送消息只有在...转载 2019-04-01 09:25:04 · 2133 阅读 · 1 评论 -
微信小程序 阻止弹窗后滚动穿透 和点击穿透
<view class='mask' hidden='{{mask}}' catchtouchmove='true'></view>.mask{ position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background-colo...原创 2019-04-04 17:17:52 · 8596 阅读 · 3 评论 -
微信小程序手机预览请求不到数据
本地开发调试小程序时,用手机预览需要有如下设置:1、微信开发者工具中设置:不校验安全域名、web-view 域名、TLS 版本以及 HTTPS 证书。这样在有网络请求的时候,就可以访问本地的服务器了,因为本地开发调试一般都是IP+端口的访问地址。2、手机和电脑(本地服务器)应该配置为同一局域网段。3、手机扫码进入小程序后,应该打开调试模式才能请求到网络数据。4、有时候发现以上要求都满足后,...转载 2019-02-26 16:01:19 · 3473 阅读 · 3 评论 -
小程序icon组件详细介绍
<!--成功图标--><icon type="success" size="40"/><!--安全成功标志图标--><icon type="safe_success" size="40"/><!--提示信息图标--><icon type="info转载 2019-02-26 11:34:16 · 2487 阅读 · 0 评论 -
小程序节点查询的API - wx.createSelectorQuery()。
官网地址age({ queryMultipleNodes: function(){//声明节点查询的方法 var query = wx.createSelectorQuery()//创建节点查询器 query query.select('#the-id').boundingClientRect()//这段代码的意思是选择Id=the-id的节点,获取节点位置信息的查询请求...原创 2018-11-27 14:46:56 · 12063 阅读 · 1 评论 -
微信小程序wx:for和wx:for-item的区别
wx:for="{{list}}"用来循环数组,而list即为数组名wx:for-item="items" 即用来定义一个循环过程中每个元素的变量的如果是一维数组,按照如下方式循环出来: 1 2 3 <view wx:for="{{list}}"> {{index}} {{item.name}} </vie...原创 2018-11-27 14:19:44 · 8018 阅读 · 0 评论 -
微信小程序之页面路由
官网路由介绍什么是路由?我们通常理解的路由指分组数据包从源到目的地时,决定端到端路径的网络范围的进程;借用上面的定义,我们可以理解小程序页面路由,根据路由规则(路径)从一个页面跳转到另一个页面的的规则。通过本篇文章,你可以学习到:哪些情况会触发页面跳转 如何跳转页面 页面传参 页面栈一、哪些情况会触发页面跳转小程序启动,初始化第一个页面 打开新页面,调用 AP...转载 2018-11-26 17:24:39 · 401 阅读 · 0 评论 -
wx小程序 开发框架:MINA
微信团队为小程序提供的框架命名为MINA应用框架。MINA框架通过封装微信客户端提供的文件系统、网络通信、任务管理、数据安全等基础功能,对上层提供一整套JavaScript API,让开发者能够非常方便地使用微信客户端提供的各种基础功能与能力,快速构建一个应用。 通过框架图我们可以看到两大部分:在页面视图层,wxml是MINA提供的一套类似html标签的语言以及一系列基础组件。开...转载 2018-11-26 16:50:53 · 1155 阅读 · 0 评论 -
【微信小程序】自定义组件
具体实现要做自定义组件,我们先定一个小目标,比如说我们在小程序中实现一下 WEUI 中的弹窗组件,基本效果图如下。 Step1我们初始化一个小程序(本示例基础版本库为 1.7 ),删掉里面的示例代码,并新建一个 components 文件夹,用于存放我们以后开发中的所用组件,今天我们的目的是实现一个 弹框 组件,因此,我们在 components 组件中新建一个 D...转载 2018-11-23 15:48:17 · 198 阅读 · 0 评论 -
微信小程序 include
include 可以将目标文件除了 <template/> <wxs/> 外的整个代码引入,相当于是拷贝到 include 位置 src需要写入相对路径 不然不会生效 index.wxmlinclude src="../header/header.wxml"/><view>body</view><include src=...原创 2018-11-22 18:14:23 · 1960 阅读 · 0 评论