微信小程序
记录自己在小程序中遇到的问题,方便查阅,分享给大家
liukai6
这个作者很懒,什么都没留下…
展开
-
微信小程序中data赋值操作
在微信小程序中的赋值操作this.setData({ message: "赋值了"})在前端渲染使用双大括号进行<view>{{ messgae}} </wiew>在js使用我们可以通过console.log(this.data.message); 需要注意小程序的值不是双向绑定的...原创 2018-07-02 22:42:29 · 2965 阅读 · 0 评论 -
微信小程序获取表单数据
最简单的方式我们调用bindinput方法当键盘进行输入的时候会触发input的事件 “` bindValue (e) { //value就是表单中的数据 let value = e.detail.value; }原创 2018-07-02 22:50:37 · 1523 阅读 · 0 评论 -
小程序中给绑定到元素的方法传参
我们有时候渲染列表的时候需要将参数传递进去<view bindtap="functionName" data-variable="{{variable}}"> functionName:function(event){console.log(event);var variableData = event.currentTarget.dataset.variable;}...原创 2018-07-02 22:55:51 · 3315 阅读 · 0 评论 -
微信小程序跨页面传递参数的方法
一般在这个时候我们使用data-xxx&lt;view id="tapTest" data-hi="WeChat" bindtap="tapName"&gt; Click me! &lt;/view&gt;这个时候我们如果要做跳转将参数带到后面 在跳转到的页面在onLoad方法里接受参数...原创 2018-07-02 23:04:45 · 1727 阅读 · 1 评论 -
微信小程序增加遮罩,防止连续的点击
设置css文件/*遮罩 */.mask{ width:100%; height:100%; position:fixed; background-color:#999; z-index:9999; top:0; left:0; opacity:0.5;}然后是html<!--遮罩 --><view class='mas...原创 2018-07-05 12:34:33 · 1830 阅读 · 0 评论 -
微信小程序登录中的调用方法的顺序影响解密
wx.login({ success: rescode =&gt; { console.log(rescode) // 已经授权,可以直接调用 getUserInfo 获取头像昵称,不会弹框 wx.getUserInfo({ success: res =&gt; {在这里注意如果lwx.ogin和wx.getUserInfo顺序颠倒hui会造成解密数...原创 2018-07-10 10:29:55 · 2235 阅读 · 0 评论 -
小程序页面跳转中刷新所有页面(防止页面过多造成的卡死)
小程序跳转的方法wx.navigateTo(OBJECT)保留当前页面跳转到应用内的非tabBar的页面路径 参数有 1. url 需要跳转的页面的url可以带参数 2. success 接口调用成功后的回调函数 3. fail 接口调用失败的回调函数 4. complete 接口调用结束的回调函数wx.redirectTo(OBJECT)关闭当前页面,跳转到应用...原创 2018-07-10 20:07:17 · 5929 阅读 · 0 评论 -
小程序自定义格式化时间函数
小程序自定义格式化时间戳函数 formatTime (time) { const formatNumber = n => { n = n.toString() return n[1] ? n : '0' + n } let date = new Date(time); const year = date.getFull...原创 2018-06-28 15:35:23 · 3153 阅读 · 0 评论 -
微信小程序的加载状态添加和隐藏
使用下面代码添加wx.showToast({ title:'加载中', icon:'loading', mask:true }) 然后我们调用下面方法进行隐藏loading状态wx.hideToast(); 这个主要用于加载数据,或者加载页面时候的显示,表明状态...原创 2018-06-30 10:00:47 · 3367 阅读 · 0 评论 -
微信小程序获取openGid的方式
小程序获取openGid 我们在小程序里有时候会需求,在打开不一样的群实现不一样的效果 ,这个时候我们就需要场景1044,来实现这个要求.获取openGid其实很简单, 但是也耗费了我很多时间. 我们需要在app.js里完成以下操作: onLaunch: function (ops) { /* 在获取群聊 ID 之前,切记要先调用 wx.login * 取得 cod原创 2017-11-28 15:33:11 · 7520 阅读 · 1 评论 -
小程序的生命周期及运行机制
微信小程序的运行过程在我们开发微信小程序中,最需要弄明白的就是其中的运行过程,你才能更好的进行开发第一步是app onLaunch第二部是app onShow接着是首页的onLoad下面就是onShow这里就是onReady其中app onLaunch是当小程序初始化完成时,会触发 onLaunch(全局只触发一次) app onShow当小程序启动,或从后台进入前台显示触发onSho原创 2017-12-05 10:00:01 · 1305 阅读 · 0 评论 -
微信小程序中,背景上下滑动影响样式(苹果手机)
在微信小程序中背景图片滑动的解决办法有时候我们在微信小程序的开发过程中,需要背景图片,但是在苹果操作系统中,背景图片竟然 可以上下滑动,解决的办法是在该页面的.json中添加一条配置即可解决这个问题. "disableScroll" :true, 不让他滑动.原创 2017-12-06 10:16:31 · 8064 阅读 · 0 评论 -
微信小程序背景图片完全覆盖显示
微信小程序中,背景图片全屏在微信小程序中需要设置背景图片全屏,这里用到css的知识我们可以: page { overflow:hidden; position:fixed; background-image:url('http://someweb.com/main.jpg'); margin: 0px; /*下面的是关键的设置100%显示*/ backgroun原创 2017-12-06 10:22:29 · 39441 阅读 · 1 评论 -
微信小程序添加H5页面
在微信小程序也可以,像浏览器一样添加url.具体方法是在wxml的文件里添加下面代码 <web-view src="https://www.some.com"></web-view> 而且要把网站加入到白名单就可以了,可以试试 小程序的web-view功能原创 2017-12-28 21:34:57 · 16795 阅读 · 2 评论 -
微信小程序-小游戏文档入口
有木有像我一样笨的小朋友找不到微信小程序-小游戏文档入口.这里我贴给大家.刚发布的百度不好找呀. https://mp.weixin.qq.com/debug/wxagame/dev/index.html 这就是小程序中小游戏的开发文档试试吧.原创 2017-12-29 14:02:09 · 5699 阅读 · 0 评论 -
微信小程序(小游戏)的示例
在这里给大家介绍微信小程序(小游戏)的示例. 1. 首先当然是需要下载官方开发工具. 2. 接着我们需要创建一个项目 在这里需要需要点击体验小游戏.即可生成一个demo 3. 已结生成了项目,我们可以看一下效果.是打飞机的游戏原创 2017-12-29 14:08:30 · 7477 阅读 · 2 评论 -
微信小程序(小游戏)横屏的问题
在目前的微信小程序(小游戏)的API中小程序目前尚不支持横屏小游戏是可以完美横屏的我们需要在game.json中将默认的配置deviceOrientation修改为landscape即可 代码如下:{ "deviceOrientation": "landscape"}这样就可以在小游戏中完美支持横屏原创 2018-03-19 18:12:14 · 15445 阅读 · 3 评论