常用組件
text
text包圍的文字才可以在手機上長按選中
text可以嵌套text設置不同樣式(style)
支持轉義\n換行
view
視圖容器
動態(tài)樣式一般用style曼氛,每次都解析;靜態(tài)樣式一般寫在wxss中
一定要記住的啊
1.公共樣式寫在app.wxss;差異性的寫在其他.wxss
2.app.json中的window設置導航欄
3.swiper-item自動繼承父元素swiper的寬高
4.json文件不能為空,必須有{}
5.寫的所有要顯示的頁面要在app.json中注冊,負責報錯
6.alt+shift+f快捷鍵格式化小程序的代碼樣式
導出和導入
方法和變量導出(寫在被導出方法和變量的js文件)
module.exports = {
variable: value,
method : methodName
}
class導出(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對像后就可以直接調用對象的函數(shù)了
template模板
import一個template時可用相對/絕對路徑
require一個腳本文件時用相對路徑
引入一個wxss文件時用@import "
生命周期函數(shù)
onshow:當小程序啟動,或從后臺進行前臺顯示會觸發(fā)onshow,從二級頁面回來時也會觸發(fā) 監(jiān)聽小程序顯示
onload頁面加載時觸發(fā)辙诞,從二級頁面回來時不會觸發(fā)
onlunch當小程序初始化完成時,會觸發(fā) onLaunch(全局只觸發(fā)一次)監(jiān)聽小程序初始化
onhide 當小程序從前臺進入后臺轻抱,會觸發(fā) onHide 監(jiān)聽小程序隱藏 當navigateTo或底部tab切換時調用飞涂。
onerror當小程序發(fā)生腳本錯誤,或者 api 調用失敗時祈搜,會觸發(fā) onError 并帶上錯誤信息 錯誤監(jiān)聽函數(shù)
onReady一個頁面只會調用一次较店,代表頁面已經(jīng)準備妥當,可以和視圖層進行交互容燕。
頁面之間的跳轉
wx.navigateBack(OBJECT)關閉當前頁面梁呈,返回上一頁面或多級頁面≌好兀可通過 getCurrentPages()) 獲取當前的頁面棧官卡,決定需要返回幾層
保留當前頁面,跳轉到應用內的某個頁面醋虏,使用wx.navigateBack可以返回到原頁面寻咒。
wx.navigateTo({
url: 'test?id=1'
})
關閉當前頁面,跳轉到應用內的某個頁面颈嚼。
wx.redirectTo({
url: 'test?id=1'
})
跳轉到 tabBar 頁面仔涩,并關閉其他所有非 tabBar 頁面
wx.switchTab({
url: '/index'
})
從列表item項跳轉到下一個頁面
渲染列表,在組件上使用wx:for控制屬性綁定一個數(shù)組粘舟,即可使用數(shù)組中各項的數(shù)據(jù)重復渲染該組件。默認數(shù)組的當前項的下標變量名默認為index佩研,數(shù)組當前項的變量名默認為item
<view wx:for="{{array}}">
{{index}}: {{item.message}}
</view>
使用wx:key為列表中的項目綁定標識符
<view wx:for="{{array}}" wx:key="{{item.viewid}}">
{{index}}: {{item.message}}
</view>
為每一個item對應的鏈接傳遞相應的參數(shù)柑肴,在布局頁面使用navigator導航組件,指定url并為每一個item對應的鏈接傳遞相應的參數(shù)旬薯,在URL后面跟上?以及鍵值就行晰骑,多個參數(shù)用&連接,
url="../detail/detail?index={{item.viewid}}"