微信小程序踩坑之一[thist]使用技巧

刚上手小程序时,习惯把this当成jquery中的$(this)来用,实际上这两个还是有差别的在页面方法中调用其他方法,一般是用this.function(),直接调用小程序的方法或函数则是用wx.function多层方法下的时候,则要给this定义一个变量才能使用,否则会一直报方法没有定义  下面踩坑之一的是调用地理定位时给经纬度赋值时碰到的Page({data:{scale:18,latitude:0,longitude:0,},onLoad:function(options){varthat=this;wx.getLocation({type:'gcj02',success:function(res){that.setData({latitude:res.latitude,longitude:res.longitude})}})},onShow:function(){this.mapCtx=wx.createMapContext('myMap');this.moveToLocation;},onReady:function(e){},moveToLocatio...

微信程序踩坑之一[wx.request]请求模式

最近在做小程序时,使用wx.request()方法请求时,当使传输string类型时,一定要声明method请求模式为post,否则会一直报错,而不声明时默认为get, 已填坑=,=wx.request({method:"post",url:'http://***.***.**/user/**/gainValidateCode',//仅为示例,并非真实的接口地址data:'{"appId":"1100****60349","tim**mp":1***9871,"ve**on":"1.0","sign":"erwlk***lrjwlke","mobile":"186*****","validateWay":1,"validateType":2}@#***018***60349',dataType:"json",header:{'content-type':'application/json'//默认值},success:function(res){console.log(res.data)}}) ...

微信js-sdk,选择图片,上传,下载到本地,php服务端

//前端js代码<script>//客户端6.0.2wx.config({//debug:true,appId:"{pigcms:$signPackage.appId}",timestamp:{pigcms:$signPackage.timestamp},nonceStr:'{pigcms:$signPackage.nonceStr}',signature:'{pigcms:$signPackage.signature}',url:'{pigcms:$signPackage.url}',jsApiList:['checkJsApi','chooseImage','previewImage','uploadImage','downloadImage']});wx.ready(function(){//1判断当前版本是否支持指定JS接口,支持批量判断wx.checkJsApi({jsApiList:['chooseImage','previewImage','uploadImage','downloadImage','getNetworkType','openLocation'...

如何让页面只能在微信端打开?

<scripttype="text/javascript">//对浏览器的UserAgent进行正则匹配,不含有微信独有标识的则为其他浏览器varuseragent=navigator.userAgent;if(useragent.match(/MicroMessenger/i)!='MicroMessenger'){//这里警告框会阻塞当前页面继续加载varurl=window.location.href;window.location.href='https://open.weixin.qq.com/connect/oauth2/authorize?appid={$_W['account']['key']}&redirect_uri='+url+'&response_type=code&scope=snsapi_base&state=YWN0PW1vZHVsZSZuYW1lPXNob3BwaW5nMiZkbz1saXN0JndlaWQ9Mg==&connect_redirect=1#wechat_redirect';}</s...

微信小程序的经纬度不想写死,需要转成number类型不能用浮点型

click:function(e){  varmsg=this.data.placeData;  varlatitude=Number(msg.latitude)  varlongitude=Number(msg.longitude)  wx.openLocation({    latitude:latitude,    longitude:longitude,    scale:18,    name:msg.title,    address:msg.address  })},...

微信程序解决地图上的层级关系

在有带地图的手机页面上,view无法显示在地图上方,所以,在wxml中,使用:<cover-view></cover-view>能使view显示在地图上注:在该标签内部,所以标签都需要加上cover- 若该标签在地图上有时可以显示,有时不可以显示,则直接写在map标签里即可...

微信程序标签页切换

WXML中:<viewclass="swiper-tab">  <viewclass="swiper-tab-list{{currentTab==0?'on':''}}"data-current="0"bindtap="swichNav">地图</view>  <viewclass="swiper-tab-list{{currentTab==1?'on':''}}"data-current="1"bindtap="swichNav">列表</view></view><swipercurrent="{{currentTab}}"class="swiper-box"duration="300"style="height:{{winHeight-31}}px"bindchange="bindChange">  <!--地图-->  <swiper-item>    <view>地图</view>  </swiper-item><!--列表--&...
代码星球 代码星球·2021-02-20

微信程序点击按钮,修改状态

WXML中:<viewwx:if="{{orderstate}}='待送检'"data-no="{{orderstate}}"bindtap="quxiaosongjian">  <view>取消送检</view></view> 当前页面显示为待送检 js中:quxiaosongjian:function(e){  varthat=this;  varorderstate=e.currentTarget.dataset.no;  that.setData({    orderstate:"用户取消"  })}, 这时,页面显示为: ...

微信程序判断按钮是否显示,或者隐藏

js中:onLoad:function(options){  this.setData({    orderstate:'待送检'  })}, WXML中:<viewwx:if="{{orderstate}}='待送检'">  若不是待送检,则显示不出来  <view>取消送检</view></view>...

微信程序居中代码

html页面:{  text-align:center;}wxss页面:{  width:100%;  height:100%;  display:flex;  justify-content:center;}...
代码星球 代码星球·2021-02-20

微信程序点击事件

<---------------------------------------------------index文件夹:--------------------------------------------------->wxml页面:<navigatorurl="{{item.url}}">  <view>………</view></navigator>  js页面:Page({  data:{  slide:[],  sysinfo:{},  list:[],  cats:[],  copyright:'',  array:[    {      url:'/yyf_company/pages/zixun1/zixun1'//要跳转的文件夹    }  ]})   <---------------------------------------------------最外层文件夹:--------------------------------------------...
代码星球 代码星球·2021-02-20

【转】微信公众账号 Senparc.Weixin.MP SDK 开发教程 索引

Senparc.Weixin.MPSDK从一开始就坚持开源的状态,这个过程中得到了许多朋友的认可和支持。目前SDK已经达到比较稳定的版本,这个过程中我觉得有必要整理一些思路和经验,和大家一起分享。也欢迎大家的补充!SDK还在不断优化升级中,开源项目见:https://github.com/JeffreySu/WeiXinMPSDK微信技术交流社区:http://www.weiweihi.com/QASenparc.Weixin.MP SDK的目标是探索微信公众平台更好的SDK模式,并提供C#上最好的公众平台SDK开发体验。索引(计划中,未完成的篇幅顺序可能会随时调整)Senparc.Weixin.MPSDK 微信公众平台开发教程(一):微信公众平台注册Senparc.Weixin.MPSDK 微信公众平台开发教程(二):成为开发者Senparc.Weixin.MPSDK 微信公众平台开发教程(三):微信公众平台开发验证Senparc.Weixin.MPSDK 微信公众平台开发教程(四):HelloWorldSenparc.Weixin....

【转】微信公众平台开发入门教程

http://www.cnblogs.com/txw1958/p/wechat-tutorial.html关键字:微信公众平台开发作者:方倍工作室...

微信小程序简单开发流程

2017年初微信小程序正式低调上线,用户可以体验各种各样微信提供的服务。顾名思义,小程序的特点在于:‘小’,即不需要下载就可以通过微信客户端使用其提供的各种服务。这对内存越来越不够用的手机来说,犹如甘露,一经发布便火了起来。同时,经过了2年多的发展,小程序已经形成了自己独特的开发环境和开发者生态。好了,进入正题,让我们看下开发小程序都需要哪些步骤?一、准备  1.在微信公众平台注册一个小程序账号。注意,因为微信官方规定,微信、小程序、公众号都必须使用独立的邮箱。所以,多注册些邮箱吧。  2.部署一台服务器,做为后台。且,必须使用https方式访问后台。  3.上述都满足后,就看官方小程序介绍文档一步步来吧。二、开发  1.授权  为了理解方便,就先让我们用一张逻辑图来看小程序是如何一步步进行授权登入的吧。  上面是我整理的小程序的登录授权逻辑,官方也给出了小程序的解密逻辑,如下,    2.调用后台api   我是使用node.js的Promise进行的回调,具体看代码吧。varapiMethod={login:'login'};varreque...

微信程序之使用本地接口开发

程序只能在https线上开发,但是一旦上线后出现问题就很难调试了。所以如何使用本地接口进行开发呢?一、解决  在小程序开发工具设置网络代理,然后再通过Charles设置代理,将https域名转为本地接口进行访问。  以下所用环境为win10+vbox(linux)+微信开发工具。二、准备工作  1.配置https域名    为小程序配置request合法域名,在登录公众号平台去设置。      2.安装Charles    官方下载地址:https://www.charlesproxy.com/download/    另外,Charles需要破解,链接 提取码:mkns三、配置Charles  1.安装根证书  首先,打开Charles,Help->SSLProxying->InstallCharlesRootCertificate 安装证书到本地,指定位置到受信任的根证书颁发机构,否则需要进行下一步操作。  然后,按住win+r,在输入运行窗口输入certmgr.msc回车,在证书界面找到中间证书颁发机构=》证书 找到证书“Charles...
首页上一页...34567...下一页尾页