| 本站：VPS参考评测推荐，专注分享VPS服务器优惠信息！若您是商家也可以在本站进行投稿，查看详情！此外我们还提供软文收录、PayPal代付、广告赞助等服务，查看详情！ |
| 部分文章发布时间较久远，可能存在未知因素，购买时建议在本站搜索商家名称，可查看相关文章充分了解商家！若非中文页面可使用谷歌浏览器同步翻译！PayPal代付/收录合作 |
论支付宝小程序和微信小程序开发的区别
一. app.json
(1)设置小程序窗口的通用状态栏、导航栏、标题和背景色。
支付宝小程序
"窗口 :{ 默认标题 : 病历到家”，//Page title“title bar color ；: # 1688FB //导航栏背景色}，微信小程序
"窗口 :{ backgroundTextStyle : 光 ，//窗口的背景色“navigationBarBackgroundColor ；: # 1688FB ，//导航栏背景色" navigationBarTitleText : 病历到家”，//导航栏标题文本内容“navigationBarTextStyle : 白色 //导航栏标题颜色，仅支持黑/白}，相关学习推荐:小程序开发教程
(2)设置tabBar
支付宝小程序
"tabBar :{ text color gt；: # 333333 ，//默认颜色" selectedColor : # 1688FB ，//选择颜色“backgroundColor : # ffffff ，//背景色" items ：
微信迷你程序
我分别在微信小程序和支付宝小程序中设置页面。不同的是:
1.支付宝小程序中的视图层页面文件后缀为“axml”，样式文件后缀为“ACSS”；
2.微信小程序中视图层的页面文件后缀为“wxml”，样式文件后缀为“wxss”。
(2)查看图层页面axml和wxml
1.泡沫事件和非泡沫事件
支付宝小程序
onTap，catchTap
On事件绑定不会阻止冒泡事件向上冒泡，但catch事件绑定可以阻止冒泡事件向上冒泡。
ltbutton class = weui -BTN ；onTap = 登录 type = 主要 gt注册
bindtap、catchtouchstart
绑定事件绑定不会阻止冒泡事件向上冒泡，但是catch事件绑定可以阻止冒泡事件向上冒泡。
ltbutton class = weui -BTN ；bindtap = # 39登录 # 39；type = 主要 gt注册
页面({数据:{列表:[{标题: # 39；支付宝 # 39；，}，{ Title: # 39；微信 # 39；，}]}})支付宝小程序
lt块a:for = ；{ { list } } gt lt视图键= item -{ { index } } ；index = { { index } } gt{ {项目。Title } } lt/view gt； lt/block gt；微信迷你程序
lt块wx:for = ；{ { list } } gt ltview wx:key = ；这 wx:for -item = ；item gt{ {项目。Title } } lt/view gt； lt/block gt；3.条件渲染
支付宝小程序
lt观点a:if = ；{ {长度 gt5 } } gt1 lt/view gt； lt观点a:elif = ；{ {长度 gt2 } } gt2 lt/view gt； lt视图a:else gt；3 lt/view gt；微信迷你程序
ltview wx:if = ；{ {长度 gt5 } } gt1 lt/view gt； ltview wx:elif = ；{ {长度 gt2 } } gt2 lt/view gt； lt查看wx:else gt；3 lt/view gt；3.开发过程中常用的两个小程序中组件的不同用法。
(1)互动
1.消息提示框
支付宝小程序
my . show toast({ type: # 39；成功 # 39；，//默认为无，支持“成功/失败/异常/无”。内容: # 39；操作成功 # 39；，//文本内容持续时间:3000，//显示持续时间，单位为毫秒，默认为2000成功:()= gt{ my . alert({ title: # 39；土司消失了 # 39；, });},});My.hideToast()//隐藏弱提示。微信迷你程序
wx . show toast({ title: # 39；成功 # 39；，//提示图标的内容: # 39；成功 # 39；，//成功显示成功图标；加载显示加载图标；无图标时长:2000}不显示)//图标为“成功”“加载”加载时，标题文字最多显示7个汉字长度wx.hideToast() // Hide 2。消息提示框
支付宝小程序
my . show loading({ content: # 39；装货...'，延时:1000，})；my . hide loading()；微信迷你程序
wx . show loading({ title: # 39；加载 # 39；，})wx.hideLoading()3.http请求
支付宝小程序
my . http request({ URL: # 39；http://httpbin.org/post'，方法: # 39；邮政 # 39；，数据:{ from: # 39；支付宝 # 39；，制作: # 39；AlipayJSAPI # 39，}，标题: "，//默认{ # 39；内容-类型 # 39；: 'application/x-www-form -urlencoded # 39；}数据类型: # 39；json # 39，success:function(RES){ my . alert({ content: # 39；成功 # 39；});}，fail:function(RES){ my . alert({ content: # 39；失败 # 39；});}，完成:function(RES){ my . hide loading()；my . alert({ content: # 39；完整 # 39；});}});微信迷你程序
wx . request({ URL: # 39；test.php # 39，//只是一个例子，不是真实的接口地址数据:{ x: # 39；'，y: # 39；'}，表头:{ # 39；内容-类型 # 39；: '应用/JSON # 39；//默认值}，success(RES){ console . log(RES . data)} })其实微信小程序和支付宝小程序提供的api方法大致相同，只是微信小程序以“wx”开头。而支付宝小程序是以“我的”开头的。其余的可能只是api方法中的字段“文本、内容、名称、标题”。
(2)选择器
1.时间选择器
支付宝小程序
支付宝小程序提供了一个api，my.datePicker(object)
my . date picker({ format: # 39；yyyy -MM-DD # 39；，//返回的日期格式，current date: # 39；2012-12-12'，//初始选择的日期和时间，默认当前时间start date: # 39；2012-12-10'，//最小日期和时间结束日期: # 39；2012-12-15'，//最大成功日期和时间:(RES)= > >；{ my.alert({ content: res.date，})；},});微信迷你程序
微信小程序是通过picker组件实现的。
ltview class = 第 gt ltview class = 第_ _章标题 gt日期选择器
支付宝小程序
支付宝小程序提供了一个api，my.multiLevelSelect(Object)
级联选择功能主要用于多级关联数据选择，如省市信息选择。
1.1.从一个省市引进一个json格式的文件http://blog.shzhaoqi.com/uploads/js/city_json.zip。
1.2.将该文件引入js
1.3.使用my.multiLevelSelect(对象)
var citysJSON = require( # 39；../../utils/city . js # 39；);Page({ data: {省份: # 39；陕西省 # 39；，城市: # 39；Xi安 # 39；，面积: # 39；碑林区 # 39；}，choose address:function(){ my . multi level select({ title: # 39；选择省市 # 39；，//级联选择标题列表:cityjson.citys，success:(RES)= >；{ this . setdata({ provinces:RES . result[0])。名称，城市:res.result[1]。名称，区域:res.result[2]。姓名，})})；}，})微信小程序
微信小程序还是通过picker组件实现的。
ltview class = 第 gt ltview class = 第_ _章标题 gt省市选择器
支付宝小程序
my . trade pay({ trade no: # 39；201711152100110410533667792'，//调用统一收单交易创建接口(alipay.trade.create)，得到返回的字段支付宝交易号trade _ no success:(RES)= >；{ my . alert({ content:JSON . stringify(RES)，})；}，fail:(RES)= gt；{ my . alert({ content:JSON . stringify(RES)，})；}});微信迷你程序
wx.requestPayment({时间戳: # 39；'，//timest，从1970年1月1日00:00:00开始的秒数，也就是当前时间non castr: # 39；'，//长度不超过32个字符的随机字符串package: # 39；'，//统一订购接口返回的prepay_id参数值。提交格式如下:prepay _ id = * * * sign type: # 39；MD5 # 39，//签名算法paySign: # 39；'，//签名成功(res) {}，失败(RES){ })(4)电话
支付宝小程序
my . make phone call({ number: # 39；400-8097-114'})微信小程序
wx . make phone call({ phone number: # 39；400-8097-114'})(5)获取登录凭证(代码)
支付宝小程序
my . getauthcode({ success(RES){ if(RES . authcode){ console . log(RES . authcode)} })微信小程序
wx . log in({ success(RES){ if(RES . code){ console . log(RES . code)} })支付宝小程序和微信小程序有很多相似之处。无论是组件还是API都会给你一种熟悉的感觉！
以上就是来看看支付宝小程序和微信小程序开发区别的细节。请多关注本站其他相关文章！
本文由本站刊发，转载请注明：我们先来看看支付宝小程序和微信小程序开发的区别(微信小程序和支付宝小程序常见吗？) https://本站.com/78924.html
推荐站内搜索：ip查看、租服务器、美国服务器、ftp空间、高防服务器租用qy、服务器香港、vps虚拟主机、代理ip购买网站、虚拟主机香港主机注册 域名、
