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