小程序 學習筆記3

小程序邏輯app.js

小程序的邏輯文件爲app.js,可以通過App()函數註冊小程序的生命週期函數,全局方法和全局屬性,邏輯層可以通過getApp()獲取

如:app=getApp()

1.註冊小程序

App()函數用於註冊一個小程序,參數爲Object對象,這個參數可以註冊定義爲自定義的方法和屬性供全局使用。

參數屬性有

onLaunch:生命週期函數,監聽小程序初始化。

onShow:生命週期函數,監聽小程序顯示,當小程序啓動,或者從後臺進入前臺顯示時都會啓動onShow。

onHide:生命週期函數,監聽程序隱藏,小程序從前臺進入後臺觸發。

other:其他

例子代碼:

App(

{

   onLauch: function(){

    },

   onShow : function(){

   },

  onHide : function(){

  },

  globalFunction : "全局函數「,

  globalData : "全局屬性"

} );

2.小程序獲取

var app= getApp();

console.log(app.globalData);

3.全局樣式

app.wxss 爲全局樣式,類似css的一套樣式語言進行編寫。需要學習一下CSS

4.框架頁面文件

包含4個文件,js.文件,wxml文件,wxss文件,json文件

5.Flex佈局

Flex 是FlexibleBox的縮寫

5.1容器屬性

容器屬性有:

display:通過設置display屬性,指定元素是否爲Flex佈局。

flex-direction:指定主軸方向,來覺得項目排列方式。

flex-wrap:排列換行設置。

justify-content:定義項目在主軸上的對齊方式。

align-item:是定義項目的交叉走上的對齊方式。

align-content:定義多跟軸線的對齊方式,如果只有一個,不起作用。