1愧哟、微信小程序有幾個(gè)文件
.wxml .js .json .wxss
2.如何傳值
標(biāo)簽data-*屬性
e.currentTarget.dataset獲取
3.wxss與css區(qū)別
rpx單位
圖片需要引入外鏈接
沒有body,
import可以導(dǎo)入wxss
4.openid與unionId
openId為微信用戶公眾號(hào)主體下id, unionId為所有應(yīng)用通用id
wx.login 獲取openid
wx.getUserInfo 需要用戶授權(quán), 獲取unionId
5.微信小程序與vue
| 微信小程序 | vue | |
|---|---|---|
| show,hidden | wx:if 仔戈、wx:hidden | v-if 、v-show |
| 事件綁定 | bindtap,catchtap | v-on:click, @click |
| 雙向綁定 | 自己寫深寥。坟冲。舞箍。 | v-model |
| 數(shù)據(jù)更新 | this.setData() | this.xxx |
6.小程序特點(diǎn)：
data, ui分離
webview和 appService
7.小程序的生命周期函數(shù)
onLoad() 頁面加載時(shí)觸發(fā)。一個(gè)頁面只會(huì)調(diào)用一次蜂大，可以在onLoad 的參數(shù)中獲取打開當(dāng)前頁面路徑中的參數(shù)
onShow() 頁面顯示/切入前臺(tái)時(shí)觸發(fā)
onReady() 頁面初次渲染完成時(shí)觸發(fā)闽铐。一個(gè)頁面只會(huì)調(diào)用一次，代表頁面已經(jīng)準(zhǔn)備妥當(dāng)奶浦，可以和視圖層進(jìn)行交互
onHide() 頁面隱藏/切入后臺(tái)時(shí)觸發(fā)兄墅。 如 navigateTo 或底部 tab 切換到其他頁面，小程序切入后臺(tái)等
onUnload() 頁面卸載時(shí)觸發(fā)澳叉。如 redirectTo 或 navigateBack 到其他頁面時(shí)
Page({
data: {
text: "This is page data."
},
onLoad: function(options) {
// Do some initialize when page load.
},
onShow: function() {
// Do something when page show.
},
onReady: function() {
// Do something when page ready.
},
onHide: function() {
// Do something when page hide.
},
onUnload: function() {
// Do something when page close.
},
onPullDownRefresh: function() {
// Do something when pull down.
},
onReachBottom: function() {
// Do something when page reach bottom.
},
onShareAppMessage: function () {
// return custom share data when user share.
},
onPageScroll: function() {
// Do something when page scroll
},
onResize: function() {
// Do something when page resize
},
onTabItemTap(item) {
console.log(item.index)
console.log(item.pagePath)
console.log(item.text)
},
// Event handler.
viewTap: function() {
this.setData({
text: 'Set some data for updating view.'
}, function() {
// this is setData callback
})
},
customData: {
hi: 'MINA'
}
})
8.小程序頁面間有哪些傳遞數(shù)據(jù)的方法
1隙咸、使用全局變量實(shí)現(xiàn)數(shù)據(jù)傳遞。在 app.js 文件中定義全局變量 globalData成洗， 將需要存儲(chǔ)的信息存放在里面
2五督、使用 wx.navigateTo與 wx.redirectTo 的時(shí)候，可以將部分?jǐn)?shù)據(jù)放在 url 里面瓶殃，并在新頁面onLoad的時(shí)候初始化
3充包、使用本地緩存Storage 相關(guān)
9.小程序onPageScroll方法的使用注意什么
不要頻繁的調(diào)用setData
10.簡述下 wx.navigateTo(), wx.redirectTo(), wx.switchTab(), wx.navigateBack(), wx.reLaunch()的區(qū)別
wx.navigateTo()：保留當(dāng)前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁面遥椿。但是不能跳到 tabbar 頁面
wx.redirectTo()：關(guān)閉當(dāng)前頁面误证，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁面。但是不允許跳轉(zhuǎn)到 tabbar 頁面
wx.switchTab()：跳轉(zhuǎn)到 abBar 頁面修壕，并關(guān)閉其他所有非 tabBar 頁面
wx.navigateBack()：關(guān)閉當(dāng)前頁面，返回上一頁面或多級(jí)頁面遏考〈瑞可通過getCurrentPages() 獲取當(dāng)前的頁面棧，決定需要返回幾層
wx.reLaunch()：關(guān)閉所有頁面灌具，打開到應(yīng)用內(nèi)的某個(gè)頁面
11.webview的頁面怎么跳轉(zhuǎn)到小程序?qū)Ш降捻撁妫?/h2>
wx.miniProgram.switchTab({
url: '/page/index/home'
})
12.如何獲取全局變量
wx.miniProgram.switchTab({
url: '/page/index/home'
})
app. js寫入globalData
getApp().globalData.xxx
