首頁  >  文章  >  微信小程式  >  微信小程式入門知識

微信小程式入門知識

一个新手
一个新手原創
2017-09-20 09:10:402328瀏覽

基本知識點

三個重要檔案:app.js、app.json、app.wxss

app.js     可以监听并处理小程序的生命周期函数、声明全局变量
app.json     小程序全局配置,在该文件中配置小程序由哪些页面组成、配置小程序窗口背景色、导航条样式、默认标题等

注意事項:不可新增任何註解

微信小程式中的每一個頁面路徑+頁面名稱均需寫在app.json的pages屬性中,且pages中的第一個頁面是小程式的首頁

每一個小程式頁面由同一路徑下同名的四個不同後綴檔案組成,如: index.js、index.wxml、index.wxss、 index.json

.js後綴的文件為腳本文件,.json後綴的文件為配置文件,.wxss後綴的是樣式表文件,.wxml後綴的文件是頁面結構檔案

index.js檔案中可以監聽並處理頁面生命週期函數、取得小程式實例,宣告並處理數據,回應頁面互動事件等

為方便開發者減少配置項,描述頁面的四個檔案必須具有相同的路徑與檔案名稱

App

getApp()     获取当前App实例
getCurrentPages()     获取当前页面栈

注意事項:框架並非運行在瀏覽器中,如document、window等無法使用

onLaunch     生命周期函数--监听小程序初始化(全局只触发一次)
onShow        生命周期函数--监听小程序显示
                         当小程序启动或从后台进入前台显示触发
onHide         生命周期函数--监听小程序隐藏
                         当小程序从前台进入后台会触发
onError        错误监听函数

 當小程式發生腳本錯誤或api呼叫失敗時會觸發,並帶上錯誤訊息

#開發者可以加入任意函數或資料到Object參數值,用this可以存取

Page

#
data     页面的初始数据
onLoad     生命周期函数--监听页面加载
onReady     生命周期函数--监听页面初次渲染完成
onShow     生命周期函数--监听页面显示
onHide     生命周期函数--监听页面隐藏
onUnload     生命周期函数--监听页面卸载
onPullDownRefresh     页面相关事件处理函数--监听用户下拉动作
onReachBottom     页面上拉触底事件处理函数
onShareAppMessage     用户点击右上角转发
onPageScroll     页面滚动触发事件处理函数

以上是微信小程式入門知識的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn