本篇文章给大家带来的内容是关于小程序中常用的语法的介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
接下来我将会从一个初学者的身份，当然，此后的文章不会对小程序的知识点一一都做很细致软件开发定制mhkj33的介绍，主要是对比android的一些思想，进行一些个人的想法阐述。
api语法的介绍
一、盒子模型Flex
1、flex-wrap：nowrap（默认）：不换行。
wrap：换行，第一行在上方。
wrap-r软件开发定制mhkj33everse：换行，第一行在下方。2、justify-content： 所有子view在父View显示的位置flex-start（默认值）：左对齐
flex-end：右对齐
center：居中
*space软件开发定制mhkj33-between：两端对齐，项目之间的间隔都相等。因此这个可以认为是设置权重布局，每个子View占一份。如果子View只有一个，则等同于flex-start
*space-around：平均分布在该行上软件开发定制mhkj33，两边留有一半的间隔空间。项目之间的间隔比项目与边框的间隔大一倍。如果（作用在父view上）只有一个子view，则其实就是让子View居中对齐
space-between属性图形展示：
内容居中。只适用于多行的flex容器，单行不起作用
flex-start：与交叉轴的起点对齐。
flex-end：与交叉轴的终点对齐。
center：与交叉轴的中点对齐。
space-betwee软件开发定制mhkj33n：与交叉轴两端对齐，轴线之间的间隔平均分布。
space-around：每根轴线两侧的间隔都相等。所以，轴线之间的间隔比轴线与边框的间隔大一倍。
stretch（默认值）：轴线占满整个交叉轴。4、ali软件开发定制mhkj33gn-items让每个View在父view的对齐方式。适用于所有的flex容器。
flex-start：交叉轴的起点对齐。
flex-end：交叉轴的终点对齐。
center：交叉轴的中点对齐。
baseli软件开发定制mhkj33ne: 项目的第一行文字的基线对齐。
stretch（默认值）：如果项目未设置高度或设为auto，将占满整个容器的高度。 5、示例1）让容器的子View居中显示
在容器（父View）中添加：
2）让一个View布局显示在最底层，或者最上层,类似于FramLayout布局
使用z-index属性：
注意：
1）z-index只能在absolute 中起作用
2）z-index:-1，被修饰的该View在最底层显示（软件开发定制mhkj33可以作为背景） z-index:1 ，在最外层显示
二、js相关的api
1、变量我们知道，在Java中，如果是在整个类中需要用到的对象，我们将在类中声明为成员变量，在某个具体方法中有效的声明为局部变量。软件开发定制mhkj33那么对应的小程序是：
var：java中的成员变量
let：java中局部变量2、基本数据类型Boolean1
2
3
4
5
6
var test0 = “” //false
var test1软件开发定制mhkj33 = “aaaaaaaa” // true
var test2 = null // false
var test3 = 11 // true
var test4 =软件开发定制mhkj33 0 // false
var test5 = {} // true
总结：这个与java区别还是很大的
1）对于数字型(int、float),只要是非0软件开发定制mhkj33的数字都是true;
2)对于字符串(String)，只有是null、和“”空串才是false，其他都是false
3）对于对象，除了对象是null才是false，其他都是true。哪怕这个对象是一个空的软件开发定制mhkj33对象{}
3、函数（1）函数定义 在page中定义：
1
2
3
onShow: function (params) {
//方法体
},
非page中定义：
总结：
1.第一种定义必须在最后面要加“,”逗号，而第二种方式不能加
2.与java不同的是，函数的参数params不用指定类型，所以，理论上调用方法的时候可以传递任意类型。但是一般不软件开发定制mhkj33这么做。个人认为还是java严谨更好，可读性强。
3.参数params的个数没有限制（2）回调函数1）函数定义
1
2
3
4
5
6
7
function request(onFail){
//调用接口
wx.reque软件开发定制mhkj33st({
success: function (res) { //接口返回数据
onFail（res）
})
}
2）函数调用
1
2
3
wx.cyou.cache.getCacheValue(“key_t软件开发定制mhkj33est”, function(result){
console.log(“result==”, result)
})
（3）注意事项
1）小程序不支持函数的重载和函数的重写
2)函数调用函数的时候，函软件开发定制mhkj33数方法不支持直接传递。看下面的示例：1
2
3
4
5
6
7
8
9
10
11
12
13
14
function request1(function1) {
request2(function1）
}
问题： 这在request软件开发定制mhkj331方法调用request2的时候，参数也是一个函数function1，直接将function1传递给request2是不可以的
解决方式：
function request1(function1) {
re软件开发定制mhkj33quest2(new function{
function1()
}}）
}
在request2方法的回调函数中去调用function1方法
在java中，如果要遍历获取Person属性值name、age，和属性类型String、int。都是用反射去实现的。那么，在小程序中却比java 简单粗暴很软件开发定制mhkj33多。具体实现
1
2
3
4
for (var propertyName in Person){
var name = propertyName //对象Person的属性（Strin软件开发定制mhkj33g、int）
var value = testInfo[propertyName] // 对象Person的属性值(name、age)
}
在调用一个类中的方法或者属性值软件开发定制mhkj33时，必须要在被调用的方法和属性值，定义的时候用export声明
6、disableScroll使用问题描述：
有时候，小程序跑在苹果手机上时，会左右滑动退出，也会上下滑动，这样体验不好。这个时候要禁止滑动软件开发定制mhkj33。1
2
3
4
在app.json中，将disableScroll值设置为true 就可以了：
“window”: {
“disableScroll”: true
}
1
3
4
5
6
7
let pages = getCurrentPages()
let curPage = pages[pages.length – 1] //获取当前页面
if (curPage.软件开发定制mhkj33route == url){ //比较获取的页面的url是否跟实际的一致(如url:”pages/order/order”)
curPage.setData({ 软件开发定制mhkj33 //设置数据
usingOrderList: usingOrderList
})
}
1
2
3
4
5
6
7
8
let pages = getCurren软件开发定制mhkj33tPages() // 获取上一个页面
let prePage = pages[pages.length – 2] //给页面设置数据
prePage.setDat软件开发定制mhkj33a({
refreshUserInfo:true
}) //返回到上一个页面
wx.navigateBack({
delta: 1
})
注意事项：
调用getCurrentPages(软件开发定制mhkj33)不需要在page环境中(可以视为Android中的Context环境)，可以在任何地方直接获取，即util等自定义类中同样生效。类似的还有wx.开头的方法9、showToast时长设置失效问题1
2
4
5
6
7
8
let title = new String(msg) //延时弹toast,是为了解决有时候在接口请求后，设置的duration时间不起作用
setTimeout(function () 软件开发定制mhkj33{
wx.showToast({
title: title,
duration: 1200,
icon: “none”
})
}, 100)
1
2
3
4
5
6
//延时跳转,是软件开发定制mhkj33为了解决有时候wx.reLaunch不起作用，设置的时间不起作用
setTimeout(function(){
wx.reLaunch({
url: '/pages/home/home'
},100)
以上就是小程序中常用的语法的介绍的详细内容，更多请关注php中文网其它相关文章！
会员专属
暂无评论内容