【移动应用开发技术】小程序中常用的语法有哪些

【移动应用开发技术】小程序中常用的语法有哪些

这篇文章给大家分享的是有关小程序中常用的语法有哪些的内容。在下觉得挺实用的，因此分享给大家做个参考，一起跟随在下过来看看吧。api语法的介绍一、盒子模型Flexnowrap（默认）：不换行。

wrap：换行，第一行在上方。

wrap-reverse：换行，第一行在下方。flex-start（默认值）：左对齐flex-end：右对齐center：居中*space-between：两端对齐，项目之间的间隔都相等。因此这个可以认为是设置权重布局，每个子View占一份。如果子View只有一个，则等同于flex-start*space-around：平均分布在该行上，两边留有一半的间隔空间。项目之间的间隔比项目与边框的间隔大一倍。如果（作用在父view上）只有一个子view，则其实就是让子View居中对齐space-between属性图形展示：内容居中。只适用于多行的flex容器，单行不起作用

flex-start：与交叉轴的起点对齐。

flex-end：与交叉轴的终点对齐。

center：与交叉轴的中点对齐。

space-between：与交叉轴两端对齐，轴线之间的间隔平均分布。

space-around：每根轴线两侧的间隔都相等。所以，轴线之间的间隔比轴线与边框的间隔大一倍。

stretch（默认值）：轴线占满整个交叉轴。让每个View在父view的对齐方式。适用于所有的flex容器。

flex-start：交叉轴的起点对齐。

flex-end：交叉轴的终点对齐。

center：交叉轴的中点对齐。

baseline:项目的第一行文字的基线对齐。

stretch（默认值）：如果项目未设置高度或设为auto，将占满整个容器的高度。1）让容器的子View居中显示

在容器（父View）中添加：

display:

flex;

align-items:

center;2）让一个View布局显示在最底层，或者最上层,类似于FramLayout布局使用z-index属性：{

position:absolute;

left:0px;

top:0px;

z-index:-1;

}注意：1）z-index只能在absolute中起作用2）z-index:-1，被修饰的该View在最底层显示（可以作为背景）

z-index:1，在最外层显示二、js相关的api我们知道，在Java中，如果是在整个类中需要用到的对象，我们将在类中声明为成员变量，在某个具体方法中有效的声明为局部变量。那么对应的小程序是：var：java中的成员变量let：java中局部变量

var

test0

=

""

//false

var

test1

=

"aaaaaaaa"

//

true

var

test2

=

null

//

false

var

test3

=

11

//

true

var

test4

=

0

//

false

var

test5

=

{}

//

true总结：这个与java区别还是很大的

1）对于数字型(int、float),只要是非0的数字都是true;

2)对于字符串(String)，只有是null、和“”空串才是false，其他都是false

3）对于对象，除了对象是null才是false，其他都是true。哪怕这个对象是一个空的对象{}（1）函数定义在page中定义：

onShow:

function

(params)

{

//方法体

},非page中定义：function

test(params){

//方法体}总结：1.第一种定义必须在最后面要加“,”逗号，而第二种方式不能加2.与java不同的是，函数的参数params不用指定类型，所以，理论上调用方法的时候可以传递任意类型。但是一般不这么做。个人认为还是java严谨更好，可读性强。3.参数params的个数没有限制（2）回调函数1）函数定义

function

request(onFail){

//调用接口

wx.request({

success:

function

(res)

{

//接口返回数据

onFail（res）

})

}2）函数调用

wx.cyou.cache.getCacheValue("key_test",

function(result){

console.log("result==",

result)

})（3）注意事项1）小程序不支持函数的重载和函数的重写

2)函数调用函数的时候，函数方法不支持直接传递。看下面的示例：

function

request1(function1)

{

request2(function1）

}

问题：

这在request1方法调用request2的时候，参数也是一个函数function1，直接将function1传递给request2是不可以的

解决方式：

function

request1(function1)

{

request2(new

function{

function1()

}}）

}

在request2方法的回调函数中去调用function1方法class

Person{

String

name;

int

age;

}在java中，如果要遍历获取Person属性值name、age，和属性类型String、int。都是用反射去实现的。那么，在小程序中却比java简单粗暴很多。具体实现for

(var

propertyName

in

Person){

var

name

=

propertyName

//对象Person的属性（String、int）

var

value

=

testInfo[propertyName]

//

对象Person的属性值(name、age)

}在调用一个类中的方法或者属性值时，必须要在被调用的方法和属性值，定义的时候用export声明问题描述：

有时候，小程序跑在苹果手机上时，会左右滑动退出，也会上下滑动，这样体验不好。这个时候要禁止滑动。

在app.json中，将disableScroll值设置为true

就可以了：

"window":

{

"disableScroll":

true

}

let

pages

=

getCurrentPages()

let

curPage

=

pages[pages.length

-

1]

//获取当前页面

if

(curPage.route

==

url){

//比较获取的页面的url是否跟实际的一致(如url:"pages/order/order")

curPage.setData({

//设置数据

usingOrderList:

usingOrderList

})

}

let

pages

=

getCurrentPages()

//

获取上一个页面

let

prePage

=

pages[pages.length

-

2]

//给页面设置数据

prePage.setData({

refreshUserInfo:true

})

//返回到上一个页面

wx.navigateBack({

delta:

1

})注意事项：

调用getCurrentPages()不需要在page环境中(可以视为Android中的Context环境)，可以在任何地方直接获取，即util等自定义类中同样生效。类似的还有wx.开头的方法

let

title

=

new

String(msg)

//延时弹toast,是为了解决有时候在接口请求后，设置的duration时间不起作用

setTimeout(function

()

{

wx.showToast({

title:

title,

duration:

1200,

icon:

"none"

})

},

100)

//延时跳转,是为了解决有时候wx.reLau