本篇文章給大家?guī)淼膬?nèi)容是關(guān)于小程序中常用的語法的介紹，有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)你有所幫助。

接下來我將會(huì)從一個(gè)初學(xué)者的身份，當(dāng)然，此后的文章不會(huì)對(duì)小程序的知識(shí)點(diǎn)一一都做很細(xì)致的介紹，主要是對(duì)比Android的一些思想，進(jìn)行一些個(gè)人的想法闡述。

api語法的介紹一、盒子模型Flex1、flex-wrap：

nowrap（默認(rèn)）：不換行。
wrap：換行，第一行在上方。
wrap-reverse：換行，第一行在下方。

2、justify-content： 所有子view在父View顯示的位置flex-start（默認(rèn)值）：左對(duì)齊
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屬性圖形展示：

3、align-content

內(nèi)容居中。只適用于多行的flex容器，單行不起作用
flex-start：與交叉軸的起點(diǎn)對(duì)齊。
flex-end：與交叉軸的終點(diǎn)對(duì)齊。
center：與交叉軸的中點(diǎn)對(duì)齊。
space-between：與交叉軸兩端對(duì)齊，軸線之間的間隔平均分布。
space-around：每根軸線兩側(cè)的間隔都相等。所以，軸線之間的間隔比軸線與邊框的間隔大一倍。
stretch（默認(rèn)值）：軸線占滿整個(gè)交叉軸。

4、align-items

讓每個(gè)View在父view的對(duì)齊方式。適用于所有的flex容器。
flex-start：交叉軸的起點(diǎn)對(duì)齊。
flex-end：交叉軸的終點(diǎn)對(duì)齊。
center：交叉軸的中點(diǎn)對(duì)齊。
baseline: 項(xiàng)目的第一行文字的基線對(duì)齊。
stretch（默認(rèn)值）：如果項(xiàng)目未設(shè)置高度或設(shè)為auto，將占滿整個(gè)容器的高度。

5、示例

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 ，在最外層顯示

二、js相關(guān)的api1、變量

我們知道，在Java中，如果是在整個(gè)類中需要用到的對(duì)象，我們將在類中聲明為成員變量，在某個(gè)具體方法中有效的聲明為局部變量。那么對(duì)應(yīng)的小程序是：
var：java中的成員變量
let：java中局部變量

2、基本數(shù)據(jù)類型Boolean

    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ì)象{}

3、函數(shù)

（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ǔ)篇