为您找到搜索结果:3397个
微信小程序点击事件
<---------------------------------------------------index文件夹:--------------------------------------------------->wxml页面:<navigatorurl="{{item.url}}"> <view>………</view></navigator> js页面:Page({ data:{ slide:[], sysinfo:{}, list:[], cats:[], copyright:'', array:[ { url:'/yyf_company/pages/zixun1/zixun1'//要跳转的文件夹 } ]}) <---------------------------------------------------最外层文件夹:--------------------------------------------...
微信小程序简单开发流程
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...
微信小程序:图片预览
wxml页面:<imagesrc='{{UPLOAD_IMAGES_URL}}{{vv.img_s}}'data-src="{{vv.img}}"bindtap="previewImage"></image>js:/*预览*/previewImage:function(e){console.log('previewImage');varcurrent=e.currentTarget.dataset.src;varthat=this;varurl=[that.data.UPLOAD_IMAGES_URL+current];wx.previewImage({current:current,//当前显示图片的http链接urls:url//需要预览的图片http链接列表})}...
微信小程序:多张图片上传
最近在写小程序的相册,需要多张图片的上传。因为小程序不支持数组的多张图片同时上传,然后根据自己的需求+借鉴网上各位大神的案例,总算搞定。分享下,不足之处,多多指教哦页面wxml:<formbindsubmit="formSumbmit"bindreset="formReset"><viewclass="modal-content"><viewclass="modal-photo"><viewclass="photo-img"><viewwx:for="{{img_arr}}"wx:key="key"><imagesrc='{{item}}'></image></view></view></view></view><viewclass="modal-footer"><viewclass="btn-confirm"><buttonformType="submit">确定</button></view>...
微信小程序:下拉刷新
下拉刷新1.需要在json文件中,设置"enablePullDownRefresh":true,表示该页面使用下拉刷新2.在微信内置函数onPullDownRefresh中进行操作onPullDownRefresh:function(){console.log("onPullDownRefresh");varthat=this;that.getPhotoInfo();}我这里的操作调用了其他的函数,不需要也可以在下面自定义函数。注意如果需要和后台交互等,可以在交互成功后结束掉下拉刷新----wx.stopPullDownRefresh();//停止下拉刷新...
微信小程序:分页和加载更多
直接上代码吧。不足之处,多多指教,一起进步1.wxml页面的最后敲上,css自己定义<viewclass="loadmore"mtype="{{mtype}}"hidden="{{hidden}}"><text>已经没有更多了~</text></view>2.js的初始数据中设置:data:{page:0,//当前页totalPage:0,//总页数mtype:1,//加载更多动画显示类型hidden:true//加载动画显示与隐藏},3.js的内置触底函数中如下操作//页面滑动到底部onReachBottom:function(e){console.log("lower");varthat=this;varpage=that.data.page+1;//当前页+1=下一页that.getPhotoInfo(page);},4.js后台交互函数getPhotoInfo:function(e){varthat=this;varatPage=e;//当前页varparams={page:atPage//页数};if(atPage==1){ap...
微信小程序:import导入公共文件方式
wxss:@import"../common/ali_icon.wxss";wxml:公共文件(位置:../common/head.wxml)如下----<templatename="head">456</template>//不会被导入<templatename="head2">789</template>//会被导入<!--wxml页面导入--><importsrc="../common/head.wxml"/><templateis="head2"></template> ...
微信小程序的入门
1.申请账号 官网:https://mp.weixin.qq.com/ 2.开发工具 为了帮助开发者简单和高效地开发和调试微信小程序,推出了小程序开发者工具,集成了公众号网页调试和小程序开发与调试两种开发模式。 官方开发调试工具:http://t.cn/RrKI5a33.小程序的文件结构及配置 小程序包含一个描述整体程序的app和多个描述各自页面的pages。 一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下: 3.1app.json配置项列表 3.2pages 指定小程序由哪些页面组成。每一项代表对应页面【路径+目录名+文件名(不包含后缀名)】,数组的第一项代表小程序的初始页面(首页/展示页)。小程序中新增/减少页面,都需要...
微信小程序中遇到样式padding-right和margin-right无效
在开发小程序中遇到样式padding-right和margin-right无效,调试发现设置了padding后,宽度已经大于页面的实际宽度,除了设置float:right之外,找不到办法让右侧padding显示出来。 解决:在设置了padding之后又设置了width:100%,所以右侧显示不出来,加个box-sizing:border-box;就可以了,还是css不够熟练。 作者:你我的微笑链接:https://www.jianshu.com/p/cf0afd092bb7...
微信小程序,点击时子元素获取父元素的dataset属性
请使用 clickNav: function (e) { this.setData({ sign: e.currentTarget.dataset.num, });} ========================================= 而不是 clickNav: function (e) { //console.log(e) 有想深入了解e代表什么的话,可以打印出来看看 this.setData({ sign: e.target.dataset.num, ...
微信小程序倒计时的方法
timeOut:function(time){ varthat=this; varend=newDate(time).getTime(); varInterval=setInterval(function(){ varstart=newDate().getTime() varx=end-start; if(x>0){ varseconds=x/1000; seconds=parseInt(seconds);//秒数取整 varday=parseInt(seconds/86400); seconds%=86400; varhour=parseInt(seconds/3600); seconds%=3600; varmin=parseInt(seconds/60); varsec=seconds%=60; if(day<10){ day='0'+day } if...
微信小程序:text元素中加入空格
1<textdecode="{{true}}">此处加入 空格</text> ...
微信小程序:设置启动页面
微信小程序启动时,首先运行app.js,然后才跳转到第一个页面,也就是启动界面。设置启动界面,只需要调整app.json的pages信息的位置,放在第一条的page记录便是启动界面 ...