微信小程序---代码构成

  通过开发者工具快速创建了一个demo项目,观察后可以发现这个项目里边生成了不同类型的文件:.json后缀的JSON配置文件.wxml后缀的WXML模板文件.wxss后缀的WXSS样式文件.js后缀的JS脚本逻辑文件  接下来分别看看这4种文件的作用 (1)JSON配置   JSON是一种数据格式,并不是编程语言,在小程序中,JSON扮演的静态配置的角色。可以看到在项目的根目录有一个 app.json 和 project.config.json,此外在 pages/logs 目录下还有一个 logs.json,接下来依次来说明一下它们的用途。  【1】小程序配置app.json  app.json 是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部tab等。QuickStart项目里边的 app.json 配置内容如下:{"pages":["pag...
代码星球 代码星球·2020-04-08

微信程序---账号注册与开发工具

(1)申请帐号  进入小程序注册页 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。    在这个小程序管理平台,你可以管理你的小程序的权限,查看数据报表,发布小程序等操作。  登录 小程序后台 ,我们可以在菜单“设置”就可以看到小程序的 AppID 了。小程序的AppID相当于小程序平台的一个身份证,后续你会在很多地方要用到AppID(注意这里要区别于服务号或订阅号的AppID)。有了小程序帐号之后,接下俩需要一个工具来开发小程序。 (2)安装开发工具   前往 开发者工具下载页面 ,根据自己的操作系统下载对应的安装包进行安装,有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。  打开小程序开发者工具,用微信扫码登录开发者工具,准备开发小程序!     ....

微信服务号、订阅号和企业号的差别(运营和开发两个角度)

1.1、概括订阅号:微信最初的形态是一个纯粹的社交工具,也就是人与人之间的联系工具,当中又分熟人之间的联系和陌生人之间的联系。于是就诞生了朋友圈和订阅号。而订阅号的作用就是媒体社交。订阅号最主要是自媒体或媒体为读者用户提供优质的对他们感兴趣或有价值的内容。从而与关注者建立关系或使用户对自身品牌的认可。 服务号:相比于订阅号。服务号要复杂的多,当微信有了朋友圈能够卖商品,订阅号能够做营销。那么当出现人与商业之间的联系需求时。服务号便诞生了,它不仅要要做一个服务者还要做一个领导者。由于一旦涉及到商业,必定会出现利益的交换,那么怎样平衡电商和社交则须要一步步去探索。于是也成就了一大批如O点O商惠通云平台、微盟、口袋通等基于微信第三方开发的公司。同一时候也高速增长了微信公众号的注冊,7月底官方发布是580万,眼下还在稳定增长中,也真正迎来了移动互联网时代,可是怎么去利用这个资源赚钱,也成了服务号的困惑。 企业号:时至微信企业号的开启,标志着“微信连接一切”实质性的实现了,订阅号连接了人与人,服务于商业。企业号则打破了企业信息传递在时间和空间上的割裂性...

微信小程序发送验证码功能,验证码倒计时

data{timer:'',countDownNum:'发送验证码',}//点击验证码倒计时获取验证码Gain:function(e){letthat=thisletcountDownNum='60'that.setData({timer:setInterval(function(){//这里把setInterval赋值给变量名为timer的变量//每隔一秒countDownNum就减一,实现同步countDownNum--;//然后把countDownNum存进data,好让用户知道时间在倒计着that.setData({countDownNum:countDownNum+'s'})//在倒计时还未到0时,这中间可以做其他的事情,按项目需求来if(countDownNum==0){//这里特别要注意,计时器是始终一直在走的,如果你的时间为0,那么就要关掉定时器!不然相当耗性能//因为timer是存在data里面的,所以在关掉时,也要在data里取出后再关闭clearInterval(that.data.timer);that.setData({countDownNum:'发送验证码'...

微信程序获取当前时间戳、获取当前时间、时间戳加减

//获取当前时间戳vartimestamp=Date.parse(newDate());timestamp=timestamp/1000;console.log("当前时间戳为:"+timestamp);//获取当前时间varn=timestamp*1000;vardate=newDate(n);//年varY=date.getFullYear();//月varM=(date.getMonth()+1<10?'0'+(date.getMonth()+1):date.getMonth()+1);//日varD=date.getDate()<10?'0'+date.getDate():date.getDate();//时varh=date.getHours();//分varm=date.getMinutes();//秒vars=date.getSeconds();console.log("当前时间:"+Y+M+D+h+":"+m+":"+s);//转换为时间格式字符串...

微信程序支付框样式以及功能

1、页面代码<viewcatchtap='showInputLayer'class="btn_pay">立即支付</view><!--密码输入框--><viewwx:if='{{showPayPwdInput}}'><viewclass='bg_layer'></view><viewclass='input_main'><viewclass='input_title'><viewclass='input_back'catchtap='hidePayLayer'><text></text></view><text>输入支付密码</text></view><viewclass='input_tip'><text>使用会员卡余额支付需要验证身份,验证通过后才可进行支付。</text></view><viewclass='input_row'catchtap='g...

微信程序常用表单校验方法(手机号校验、身份证号(严格和非严格校验、验证码六位数字校验))

util.jsfunctionisPhone(value){if(!/^1(3|4|5|7|8)d{9}$/.test(value)){returnfalse}else{returntrue}}//验证码六位数校验functionisSixNum(value){if(!/^d{6}$/.test(value)){returnfalse}else{returntrue}}//身份证号不严格校验functionisCard(value){if(!/(^d{15}$)|(^d{18}$)|(^d{17}(d|X|x)$)/.test(value)){returnfalse}else{returntrue}}//身份证号严格校验functionIdentityIDCard(code){//身份证号前两位代表区域varcity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖...

Taro开发微信程序遇到的问题和解决方法

1.scroll-view置顶,给设置scroll-top为0无效问题?解决方案:不触发置顶问题,需要给scroll-top一个设置接近0的随机数,Math.random()2.scroll-view绑定bindscrolltolower没有触发问题?解决方案:通过获取系统信息wx.getSystemInfoSync()拿到屏幕的高度,然后减去其他组件占位的高度,得到scroll-view容器的高度,最后给scroll-view的style设置容器的高度才能生效3.用wx.createSelectorQuery().select(id).fields({computedStyle:['margin','backgroundColor','width','height']}),获取高度,如果设置了padding得到的值不准确问题?解决方案:给容器添加box-sizing:border-box;4.注意在使用taro,对webpack配置defineConstants全局变量,不能在代码中使用相同和全局变量相同的命令变量或者函数中的形成5.小程序中使用request,如果url直接带上中文...

taro开发微信程序-页面开发规范

https://blog.csdn.net/museions/article/details/84133824 https://blog.csdn.net/museions/article/details/84133773...

微信程序下拉加载和上拉刷新两种实现方法

方法一:onPullDownRefresh和onReachBottom方法实现小程序下拉加载和上拉刷新首先要在json文件里设置window属性设置js里onPullDownRefresh和onReachBottom方法下拉加载说明:当处理完数据刷新后,wx.stopPullDownRefresh可以停止当前页面的下拉刷新。 onPullDownRefresh(){  console.log('--------下拉刷新-------')  wx.showNavigationBarLoading()//在标题栏中显示加载  wx.request({url:'https://URL',data:{},method:'GET',//OPTIONS,GET,HEAD,POST,PUT,DELETE,TRACE,CONNECT//header:{},//设置请求的headersuccess:function(res){//success},fail:function(){//fail},complete:function(){//completewx.hideNavigationBar...

微信程序插件组件-Taro UI

微信程序组件使用以下官网查看↓ ↓ ↓https://taro-ui.jd.com/#/docs/fab...

微信程序HTTP接口请求封装

1.方法封装(新建文件夹util,工具文件,在文件夹下创建request.js文件,用于对方法封装)request.js:varapp=getApp();//项目URL相同部分,减轻代码量,同时方便项目迁移//这里因为我是本地调试,所以host不规范,实际上应该是你备案的域名信息varhost='http://localhost:8081/demo/';/***POST请求,*URL:接口*postData:参数,json类型*doSuccess:成功的回调函数*doFail:失败的回调函数*/functionrequest(url,postData,doSuccess,doFail){wx.request({//项目的真正接口,通过字符串拼接方式实现url:host+url,header:{"content-type":"application/json;charset=UTF-8"},data:postData,method:'POST',success:function(res){//参数值为res.data,直接将返回的数据传入doSuccess(res.data);},fai...

微信程序命名规则

目录分析src是主要的开发目录,各个文件实现功能如下所示:├─.idea│└─libraries├─.temp├─config└─src├─assets│└─images├─components(公用组件)│├─Brandbar│├─Selectbar│├─Specialbar│└─Toptab└─pages|├─cinema(影院列表)|├─cinemaDetail(影院详情页)|├─content(电影介绍)|├─detail(电影详情页)|├─map(影院地图定位页)|├─movies(电影列表页)|├─order(电影票订单页)|├─person(用户登录页)|├─position(地理位置选择页)|├─search(电影/影院搜索页)|├─seat(影院座位页)|└─user(用户中心)|__app.js(入口配置文件)|__app.scss|__index.html入口配置文件app.js分析Movies列表页是微信程序的首页,下面代码中config配置的是小程序中所有使用的页面定义路由。下面重点介绍几个比较重要的关键点微信程序页。importTaro,{Compone...
代码星球 代码星球·2020-04-07

判断是否来自微信内置浏览器还是不是来自微信内置浏览器

functionisWeiXin(){varua=window.navigator.userAgent.toLowerCase();//console.log(ua);//mozilla/5.0(iphone;cpuiphoneos9_1likemacosx)applewebkit/601.1.46(khtml,likegecko)version/9.0mobile/13b143safari/601.1if(ua.match(/MicroMessenger/i)=='micromessenger'){returntrue;}else{returnfalse;}}if(isWeiXin()){that.Trigger='是来自微信内置浏览'}else{that.PorjectOut=truethat.Trigger='不是来自微信内置浏览器'//console.log("不是来自微信内置浏览器");} ...

微信支付

引入js<scripttype="text/javascript"src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>functiononBridgeReady(){WeixinJSBridge.invoke('getBrandWCPayRequest',{"appId":pames.appId,//公众号名称,由商户传入"timeStamp":pames.timeStamp,//时间戳,自1970年以来的秒数"nonceStr":pames.nonceStr,//随机串"package":pames.package,"signType":"MD5",//微信签名方式:"paySign":pames.paySign//微信签名},function(res){if(res.err_msg=="get_brand_wcpay_request:ok"){//使用以上方式判断前端返回,微信团队郑重提示://res.err_msg将在用户支付成功后返回ok,但并不保证它绝对可靠。alert('支付成功...
代码星球 代码星球·2020-04-07
首页上一页...6667686970...下一页尾页