常用組件

text

text包圍的文字才可以在手機(jī)上長按選中
text可以嵌套text設(shè)置不同樣式（style）
支持轉(zhuǎn)義\n換行

view

視圖容器

動態(tài)樣式一般用style，每次都解析；靜態(tài)樣式一般寫在wxss中

一定要記住的啊

1.公共樣式寫在app.wxss；差異性的寫在其他.wxss
2.app.json中的window設(shè)置導(dǎo)航欄
3.swiper-item自動繼承父元素swiper的寬高
4.json文件不能為空，必須有{}
5.寫的所有要顯示的頁面要在app.json中注冊，負(fù)責(zé)報錯
6.alt+shift+f快捷鍵格式化小程序的代碼樣式

導(dǎo)出和導(dǎo)入

方法和變量導(dǎo)出（寫在被導(dǎo)出方法和變量的js文件）

module.exports = {
  variable: value,
  method : methodName
}

class導(dǎo)出(es6語法)

class HomeModule {
  constructor(url) {
    this.url = url;
  }
}
export { HomeModule }

方法和變量的引入(寫在需要引入其他js的方法或變量的JS文件中)

var util = require("../../../utils/util.js");  //注意這里引入的js文件路徑寫相對路徑(絕對路徑可能引入失敗)
var http = require("../../../utils/http.js");

class的引入

import { HomeModule } from "../../../module/HomeModule.js";//引入的js文件最好寫相對路徑

使用

 var homeModule = new HomeModule(listUrl);  //創(chuàng)建class對像后就可以直接調(diào)用對象的函數(shù)了

template模板

import一個template時可用相對/絕對路徑
require一個腳本文件時用相對路徑
引入一個wxss文件時用@import "

生命周期函數(shù)

onshow:當(dāng)小程序啟動，或從后臺進(jìn)行前臺顯示會觸發(fā)onshow，從二級頁面回來時也會觸發(fā) 監(jiān)聽小程序顯示
onload頁面加載時觸發(fā)，從二級頁面回來時不會觸發(fā)
onlunch當(dāng)小程序初始化完成時，會觸發(fā) onLaunch（全局只觸發(fā)一次）監(jiān)聽小程序初始化
onhide 當(dāng)小程序從前臺進(jìn)入后臺，會觸發(fā) onHide 監(jiān)聽小程序隱藏 當(dāng)navigateTo或底部tab切換時調(diào)用。
onerror當(dāng)小程序發(fā)生腳本錯誤，或者 api 調(diào)用失敗時，會觸發(fā) onError 并帶上錯誤信息 錯誤監(jiān)聽函數(shù)
onReady一個頁面只會調(diào)用一次，代表頁面已經(jīng)準(zhǔn)備妥當(dāng)，可以和視圖層進(jìn)行交互。

頁面之間的跳轉(zhuǎn)

wx.navigateBack(OBJECT)關(guān)閉當(dāng)前頁面，返回上一頁面或多級頁面?？赏ㄟ^ getCurrentPages()) 獲取當(dāng)前的頁面棧，決定需要返回幾層
保留當(dāng)前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面，使用wx.navigateBack可以返回到原頁面。

wx.navigateTo({
  url: 'test?id=1'
})

關(guān)閉當(dāng)前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面。

wx.redirectTo({
  url: 'test?id=1'
})

跳轉(zhuǎn)到 tabBar 頁面，并關(guān)閉其他所有非 tabBar 頁面

wx.switchTab({
  url: '/index'
})

從列表item項(xiàng)跳轉(zhuǎn)到下一個頁面

渲染列表，在組件上使用wx:for控制屬性綁定一個數(shù)組，即可使用數(shù)組中各項(xiàng)的數(shù)據(jù)重復(fù)渲染該組件。默認(rèn)數(shù)組的當(dāng)前項(xiàng)的下標(biāo)變量名默認(rèn)為index，數(shù)組當(dāng)前項(xiàng)的變量名默認(rèn)為item

<view wx:for="{{array}}">
  {{index}}: {{item.message}}
</view>

使用wx:key為列表中的項(xiàng)目綁定標(biāo)識符

<view wx:for="{{array}}" wx:key="{{item.viewid}}">
  {{index}}: {{item.message}}
</view>

為每一個item對應(yīng)的鏈接傳遞相應(yīng)的參數(shù)，在布局頁面使用navigator導(dǎo)航組件，指定url并為每一個item對應(yīng)的鏈接傳遞相應(yīng)的參數(shù)，在URL后面跟上?以及鍵值就行，多個參數(shù)用&連接，

url="../detail/detail?index={{item.viewid}}"