【移動應(yīng)用開發(fā)技術(shù)】小程序中常用的語法有哪些

【移動應(yīng)用開發(fā)技術(shù)】小程序中常用的語法有哪些

這篇文章給大家分享的是有關(guān)小程序中常用的語法有哪些的內(nèi)容。在下覺得挺實用的，因此分享給大家做個參考，一起跟隨在下過來看看吧。api語法的介紹一、盒子模型Flexnowrap（默認(rèn)）：不換行。

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

wrap-reverse：換行，第一行在下方。flex-start（默認(rèn)值）：左對齊flex-end：右對齊center：居中*space-between：兩端對齊，項目之間的間隔都相等。因此這個可以認(rèn)為是設(shè)置權(quán)重布局，每個子View占一份。如果子View只有一個，則等同于flex-start*space-around：平均分布在該行上，兩邊留有一半的間隔空間。項目之間的間隔比項目與邊框的間隔大一倍。如果（作用在父view上）只有一個子view，則其實就是讓子View居中對齊space-between屬性圖形展示：內(nèi)容居中。只適用于多行的flex容器，單行不起作用

flex-start：與交叉軸的起點對齊。

flex-end：與交叉軸的終點對齊。

center：與交叉軸的中點對齊。

space-between：與交叉軸兩端對齊，軸線之間的間隔平均分布。

space-around：每根軸線兩側(cè)的間隔都相等。所以，軸線之間的間隔比軸線與邊框的間隔大一倍。

stretch（默認(rèn)值）：軸線占滿整個交叉軸。讓每個View在父view的對齊方式。適用于所有的flex容器。

flex-start：交叉軸的起點對齊。

flex-end：交叉軸的終點對齊。

center：交叉軸的中點對齊。

baseline:項目的第一行文字的基線對齊。

stretch（默認(rèn)值）：如果項目未設(shè)置高度或設(shè)為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相關(guān)的api我們知道，在Java中，如果是在整個類中需要用到的對象，我們將在類中聲明為成員變量，在某個具體方法中有效的聲明為局部變量。那么對應(yīng)的小程序是：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總結(jié)：這個與java區(qū)別還是很大的

1）對于數(shù)字型(int、float),只要是非0的數(shù)字都是true;

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

3）對于對象，除了對象是null才是false，其他都是true。哪怕這個對象是一個空的對象{}（1）函數(shù)定義在page中定義：

onShow:

function

(params)

{

//方法體

},非page中定義：function

test(params){

//方法體}總結(jié)：1.第一種定義必須在最后面要加“,”逗號，而第二種方式不能加2.與java不同的是，函數(shù)的參數(shù)params不用指定類型，所以，理論上調(diào)用方法的時候可以傳遞任意類型。但是一般不這么做。個人認(rèn)為還是java嚴(yán)謹(jǐn)更好，可讀性強(qiáng)。3.參數(shù)params的個數(shù)沒有限制（2）回調(diào)函數(shù)1）函數(shù)定義

function

request(onFail){

//調(diào)用接口

wx.request({

success:

function

(res)

{

//接口返回數(shù)據(jù)

onFail（res）

})

}2）函數(shù)調(diào)用

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

function(result){

console.log("result==",

result)

})（3）注意事項1）小程序不支持函數(shù)的重載和函數(shù)的重寫

2)函數(shù)調(diào)用函數(shù)的時候，函數(shù)方法不支持直接傳遞?？聪旅娴氖纠?/p>

function

request1(function1)

{

request2(function1）

}

問題：

這在request1方法調(diào)用request2的時候，參數(shù)也是一個函數(shù)function1，直接將function1傳遞給request2是不可以的

解決方式：

function

request1(function1)

{

request2(new

function{

function1()

}}）

}

在request2方法的回調(diào)函數(shù)中去調(diào)用function1方法class

Person{

String

name;

int

age;

}在java中，如果要遍歷獲取Person屬性值name、age，和屬性類型String、int。都是用反射去實現(xiàn)的。那么，在小程序中卻比java簡單粗暴很多。具體實現(xiàn)for

(var

propertyName

in

Person){

var

name

=

propertyName

//對象Person的屬性（String、int）

var

value

=

testInfo[propertyName]

//

對象Person的屬性值(name、age)

}在調(diào)用一個類中的方法或者屬性值時，必須要在被調(diào)用的方法和屬性值，定義的時候用export聲明問題描述：

有時候，小程序跑在蘋果手機(jī)上時，會左右滑動退出，也會上下滑動，這樣體驗不好。這個時候要禁止滑動。

在app.json中，將disableScroll值設(shè)置為true

就可以了：

"window":

{

"disableScroll":

true

}

let

pages

=

getCurrentPages()

let

curPage

=

pages[pages.length

-

1]

//獲取當(dāng)前頁面

if

(curPage.route

==

url){

//比較獲取的頁面的url是否跟實際的一致(如url:"pages/order/order")

curPage.setData({

//設(shè)置數(shù)據(jù)

usingOrderList:

usingOrderList

})

}

let

pages

=

getCurrentPages()

//

獲取上一個頁面

let

prePage

=

pages[pages.length

-

2]

//給頁面設(shè)置數(shù)據(jù)

prePage.setData({

refreshUserInfo:true

})

//返回到上一個頁面

wx.navigateBack({

delta:

1

})注意事項：

調(diào)用getCurrentPages()不需要在page環(huán)境中(可以視為Android中的Context環(huán)境)，可以在任何地方直接獲取，即util等自定義類中同樣生效。類似的還有wx.開頭的方法

let

title

=

new

String(msg)

//延時彈toast,是為了解決有時候在接口請求后，設(shè)置的duration時間不起作用

setTimeout(function

()

{

wx.showToast({

title:

title,

duration:

1200,

icon:

"none"

})

},

100)

//延時跳轉(zhuǎn),是為了解決有時候wx.reLau