tabbar
tabbar
五個標簽屬性
color
selectedcolor
borderstyle
backgroundcolor
list
list的寫法
"list":[{
pagepath
iconpath
selectediconpath
text
},
{}]
navigationbar
background
onlaunch：小程式初始化完成時觸發
onl oad:頁面加載時觸發
onshow：頁面顯示時觸發
onready：頁面初次渲染時呼叫
onhide：當頁面隱藏時呼叫
form組件的bindsubmit系結時間
組件系結機制
<input id="num1" type="number" bindchange="change"
id不同 事件相同
this[e.currentTarget.id]=Number(e.detail.value)
bindchange=change2 data-id="num1"
this[e.target.dataset.id]=Number(e.detail.value)
id不同事件相同
var data={}
data[e.target.dataset.id]=Number(e.detail.value)]
this.setdata(data)
block不是組件只是一個渲染元素
var num1=e.detail.value.num1
bindsubmit
form-type="submit"
<radio-group>
<checkbox-group>
this.target.dataset.item
this.detail.current (tab)
navigateto保留當前頁面，可以回傳到當前頁面
redirectTo當前頁面重定向到下一個頁面，無法回傳到當前頁面
pick.index:e.detail.value
e.detail.value.name
wx.switchTab({
url: '/pages/person/person'
})只能跳轉到tabbar
<picker name="num" bindchange="pickerChange" value="{{picker.index}}" range="{{picker.arr}}">
參加婚禮人數：{{picker.arr[picker.index]}}</picker>
wx.showToast
wx.chooseimage
wx.chooseaddress
wx.makephonecall
小程式登錄的流程
小程式獲取code login()方法
小程式將code發送給客戶端 wx.request()
開發者服務器通過微信介面服務（校驗）登錄憑證 session-key opid等
什么是微信小程式
微信小程式是一種不需要安裝即可使用的應用， 運行與微信之上，它的互動類似于手機原生應用程式，但體積特別小，無需安裝，觸手可及，用完即走，無須卸載
簡單介紹微信小程式，原生app和webapp的區別
微信小程式是繼原生app和webapp之后出現的一種新型的app形態，適合開發一些（業務邏輯簡單，低頻次使用，對性能要求不高）的應用，
原生app由于安卓和蘋果兩個平臺的不兼容，需要開發兩個版本，開發成本高，
基于html5開發的webapp解決了跨平臺問題，但性能和用戶體驗不佳
微信小程式開發具體步驟及所需要的檔案
注冊微信小程式賬號
設定開發人員
下載工具
運行工具
上傳代碼
發布微信小程式
微信小程式中頁面渲染的方式
條件渲染wx:if(不頻繁切換) wx:else hidden(頻繁切換)
串列渲染wx：for
實作背景音樂播放有哪些方式
wx.createAudioContext
wx.getBackgroundAudioManager()
簡述微信中wxss和css的區別
尺寸單位rpx等
外聯樣式匯入@import
行內樣式 框架組件上支持使用style（動態） class（靜態）
選擇器
小程式優缺點
限制較多，頁面大小不超過1M，不能打開超過五個層級的頁面
樣式單一
推廣面窄 不能分享朋友圈，只能分享給朋友， 附近小程式推廣（還受限制）
無法開發后臺管理功能
簡單介紹weUi mpVue WePY
weUi是微信官方團隊為微信web量身打造開發的一個ui樣式庫，看可以理解為一個ui庫，使用weUi來撰寫小程式樣式，可以使小程式中各組件的風格與微信相似，提升用戶體驗
mpvue是從整個Vue.js核心代碼上經過二次開發形成的一個框架，相當于在Vue.js的基礎上增加了開發微信小程式的能力
WePY框架在開發程序中參考了Vue.js等現有框架的一些語法和功能特性，對原生小程式的開發模式進行了再次封裝，更貼近于MVVM框架，（支持組件開發 單檔案模式，目錄結構更加清晰，開發更加方便，支持外部加載的npm包，擁有眾多開發特征和優化方案）
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/393948.html
標籤：其他