三個重要檔案: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檔案中可以監聽並處理頁面生命週期函數、取得小程式實例,宣告並處理數據,回應頁面互動事件等
為方便開發者減少配置項,描述頁面的四個檔案必須具有相同的路徑與檔案名稱
getApp() 获取当前App实例 getCurrentPages() 获取当前页面栈
注意事項:框架並非運行在瀏覽器中,如document、window等無法使用
onLaunch 生命周期函数--监听小程序初始化(全局只触发一次) onShow 生命周期函数--监听小程序显示 当小程序启动或从后台进入前台显示触发 onHide 生命周期函数--监听小程序隐藏 当小程序从前台进入后台会触发 onError 错误监听函数
當小程式發生腳本錯誤或api呼叫失敗時會觸發,並帶上錯誤訊息
#開發者可以加入任意函數或資料到Object參數值,用this可以存取
data 页面的初始数据 onLoad 生命周期函数--监听页面加载 onReady 生命周期函数--监听页面初次渲染完成 onShow 生命周期函数--监听页面显示 onHide 生命周期函数--监听页面隐藏 onUnload 生命周期函数--监听页面卸载 onPullDownRefresh 页面相关事件处理函数--监听用户下拉动作 onReachBottom 页面上拉触底事件处理函数 onShareAppMessage 用户点击右上角转发 onPageScroll 页面滚动触发事件处理函数
以上是微信小程式入門知識的詳細內容。更多資訊請關注PHP中文網其他相關文章!