一、目錄結(jié)構(gòu) 點(diǎn)擊查看

二、視圖與渲染

三、配置詳解 點(diǎn)擊查看

四、微信小程序的生命周期和app對象的使用

1、小程序的生命周期
    1.1、onLaunch
    1.2、onShow
        程序切換到前臺時(shí)執(zhí)行
    1.3、onHide
        程序切換至后臺時(shí)執(zhí)行
        
2、app對象的使用
    2.1、可以在app的文件中，定義全局的屬性和方法供給page頁中使用。
    
3、頁面的生命周期
    3.1、onLoad 頁面初始化
    3.2、onShow  頁面顯示
    3.3、onReady 頁面渲染完成 
    3.4、onHide 頁面隱藏
    3.5、onUnload 頁面關(guān)閉
    
4、頁面跳轉(zhuǎn)的參數(shù)傳遞
    4.0.1、代碼跳轉(zhuǎn)
    wx.navigateTo(){
        url：”頁面地址"
    }
    4.0.2、組件跳轉(zhuǎn)
        <navigater url="界面地址">
        <view></view>
        </navigater>
    4.0.3、redirect
    直接替換控制器，卸載前一控制器
    
    4.1、直接在url后面加上?參數(shù)，在要跳轉(zhuǎn)的界面unload方法中有一個(gè)options的參數(shù)用來記錄參數(shù)，兩個(gè)以上的參數(shù)用&鏈接

五、UI組件 點(diǎn)擊查看

六、布局

一、flex布局
    1、flex容器屬性
        1.1、flex－direction 決定元素的排列方向（默認(rèn)row）
            row -> 橫  主軸：從左到右
            column -> 豎  主軸：從上到下
            
        1.2、flex-wrap 決定元素如何換行（排列不下時(shí)）
            wrap -> 換行
            nowrap -> 不換行
            wrap-reverse -> 反轉(zhuǎn)
            
        1.3、flex-flow flex-direction和flex-wrap的簡寫
        
        1.4、justify-content 元素在主軸上的對齊方式
            center -> 居中
            flex-start -> 左對齊
            flex-end -> 右對齊
            space-around -> 每一個(gè)元素兩邊占據(jù)的空間相等
            space-between -> 兩端對齊
            
        1.5、align-items 元素在交叉軸的對齊方式
            center -> 居中
            flex-start -> 上對齊
            flex-end -> 下對齊
            stretch -> 沒有設(shè)置高度，默認(rèn)占滿
            baseline -> 以一行文字對齊
            
    2、flex元素屬性
        2.1、flex-grow 當(dāng)有多余空間時(shí)，元素的放大比例
        2.2、flex-shrink 當(dāng)空間不足時(shí)，元素的縮小比例
        2.3、flex-basis 元素在主軸上占據(jù)的空間
        2.4、flex 是grow、shrink、basis的簡寫
        2.5、order 定義元素的排列順序
        2.6、align-self 定義元素自身的對齊方式
        
二、相對定位和絕對定位
    1、相對定位的元素是相對自身進(jìn)行定位，參照物是自己
        position: relative;
        
    2、絕對定位的元素是相對離它最近的一個(gè)已定為的父級元素進(jìn)行定位
        position: absolute;

七、樣式

八、API 點(diǎn)擊查看