線(xiàn)上服務(wù)咨詢(xún)
Article/文章
記錄成長(zhǎng)點(diǎn)滴 分享您我感悟
您當(dāng)前位置>首頁(yè) > 知識(shí) > 軟件開(kāi)發(fā)
小程序中常用的語(yǔ)法的介紹
本篇文章給大家?guī)?lái)的內(nèi)容是關(guān)于小程序中常用的語(yǔ)法的介紹,有一定的參考價(jià)值,有需要的朋友可以參考一下,希望對(duì)你有所幫助。
接下來(lái)我將會(huì)從一個(gè)初學(xué)者的身份,當(dāng)然,此后的文章不會(huì)對(duì)小程序的知識(shí)點(diǎn)一一都做很細(xì)致的介紹,主要是對(duì)比Android的一些思想,進(jìn)行一些個(gè)人的想法闡述。
nowrap(默認(rèn)):不換行。
wrap:換行,第一行在上方。
wrap-reverse:換行,第一行在下方。
flex-end:右對(duì)齊
center:居中
*space-between:兩端對(duì)齊,項(xiàng)目之間的間隔都相等。因此這個(gè)可以認(rèn)為是設(shè)置權(quán)重布局,每個(gè)子View占一份。如果子View只有一個(gè),則等同于flex-start
*space-around:平均分布在該行上,兩邊留有一半的間隔空間。項(xiàng)目之間的間隔比項(xiàng)目與邊框的間隔大一倍。如果(作用在父view上)只有一個(gè)子view,則其實(shí)就是讓子View居中對(duì)齊
space-between屬性圖形展示:
內(nèi)容居中。只適用于多行的flex容器,單行不起作用
flex-start:與交叉軸的起點(diǎn)對(duì)齊。
flex-end:與交叉軸的終點(diǎn)對(duì)齊。
center:與交叉軸的中點(diǎn)對(duì)齊。
space-between:與交叉軸兩端對(duì)齊,軸線(xiàn)之間的間隔平均分布。
space-around:每根軸線(xiàn)兩側(cè)的間隔都相等。所以,軸線(xiàn)之間的間隔比軸線(xiàn)與邊框的間隔大一倍。
stretch(默認(rèn)值):軸線(xiàn)占滿(mǎn)整個(gè)交叉軸。
讓每個(gè)View在父view的對(duì)齊方式。適用于所有的flex容器。
flex-start:交叉軸的起點(diǎn)對(duì)齊。
flex-end:交叉軸的終點(diǎn)對(duì)齊。
center:交叉軸的中點(diǎn)對(duì)齊。
baseline: 項(xiàng)目的第一行文字的基線(xiàn)對(duì)齊。
stretch(默認(rèn)值):如果項(xiàng)目未設(shè)置高度或設(shè)為auto,將占滿(mǎn)整個(gè)容器的高度。
1)讓容器的子View居中顯示
在容器(父View)中添加:
display: flex; align-items: center;
2)讓一個(gè)View布局顯示在最底層,或者最上層,類(lèi)似于FramLayout布局
使用z-index屬性:
{ position:absolute; left:0px; top:0px; z-index:-1; }
注意:
1)z-index只能在absolute 中起作用
2)z-index:-1,被修飾的該View在最底層顯示(可以作為背景) z-index:1 ,在最外層顯示
我們知道,在Java中,如果是在整個(gè)類(lèi)中需要用到的對(duì)象,我們將在類(lèi)中聲明為成員變量,在某個(gè)具體方法中有效的聲明為局部變量。那么對(duì)應(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é):這個(gè)與java區(qū)別還是很大的
1)對(duì)于數(shù)字型(int、float),只要是非0的數(shù)字都是true;
2)對(duì)于字符串(String),只有是null、和“”空串才是false,其他都是false
3)對(duì)于對(duì)象,除了對(duì)象是null才是false,其他都是true。哪怕這個(gè)對(duì)象是一個(gè)空的對(duì)象{}
(1)函數(shù)定義
在page中定義:
onShow: function (params) { //方法體 },
非page中定義:
function test(params){ //方法體}
總結(jié):
1.第一種定義必須在最后面要加“,”逗號(hào),而第二種方式不能加
2.與java不同的是,函數(shù)的參數(shù)params不用指定類(lèi)型,所以,理論上調(diào)用方法的時(shí)候可以傳遞任意類(lèi)型。但是一般不這么做。個(gè)人認(rèn)為還是java嚴(yán)謹(jǐn)更好,可讀性強(qiáng)。
3.參數(shù)params的個(gè)數(shù)沒(méi)有限制
(2)回調(diào)函數(shù)
1)函數(shù)定義
function request(onFail){ app軟件開(kāi)發(fā) //調(diào)用接口 wx.request({ success: function (res) { //接口返回?cái)?shù)據(jù) onFail(res) }) }小程序,基礎(chǔ)篇