1. MVC和MVVM思想
1.M:model-模型層迈倍,數(shù)據(jù)的增刪改查
2.V:view - 視圖層,前端頁面(html/javascript/css)
3.C:controller - 控制層范咨,處理業(yè)務
2.項目結構與文件類型
- components:組件
- pages:頁面
- static:靜態(tài)文件,圖片資源
- unpakage:打包文件
- App.vue
style:全局公用樣式,在頁面中局部樣式可以覆蓋全局樣式
script:生命周期方法 - main.js:配置全局變量
- manifast.json:項目基礎配置
基礎配置:appID,應用名稱厂庇,版本號(0.0.1)
APP圖標配置
APP啟動配置:默認啟動頁面
APP SDK配置:appkey,secrect,登錄渠啊,分享,推送等
APP模塊 權限配置:
h5配置:頁面標題权旷,啟用https協(xié)議替蛉,發(fā)布到appstore,安卓平臺微信小程序,支付寶小程序必須要勾選
微信小程序配置:appID,檢查安全域名(調(diào)試時取消勾選拄氯,本地局域網(wǎng)調(diào)試)
源碼視圖:配置源碼視圖 - uni.css:內(nèi)置常量的樣式(可不使用躲查,打包時不會添加進去使用需要安裝scss插件還需要在style節(jié)點lang-"scss")
3.全局標題與頁面標題
4.全局樣式與頁面樣式
5.APP的生命周期
- onlaunch:初始化完成(全局只觸發(fā)一次)
- onShow:(從后臺進去前臺)
- onHide:(從前臺進入后臺)
- onUniNViewMessage:(nview向vue通訊,傳遞json數(shù)據(jù)译柏,一般使用不到)
- onShareAppMessage:頁面分享(只能分享到好友和群)
- onPageScroll:頁面滾動
- onNavagationBarButtontap:原生標題欄按鈕點擊
6.頁面的生命周期
- onLoad:頁面加載
- onUload:頁面關閉
- onShow:頁面顯示
- onHide:頁面隱藏
-onReady:頁面初次渲染完成 - onPullDownReresh:下拉刷新
- onReachBottom:上拉刷新
7.數(shù)據(jù)綁定與事件
{{表達式}}:數(shù)據(jù)綁定
v-bind:組件的屬性名 可簡寫成 --> :組件的屬性名
事件:methords對象中添加方法
8.組件中的動態(tài)和靜態(tài)變量
9.條件判斷與for循環(huán)
條件渲染
v-if:v-if = " isShow"
v-else-if = " isShow"
v-else :其他(組件移除或添加)
v-show = " isShow" 組件隱藏或顯示
三元計算:v-if = "sex == 1"? true : fause
列表渲染:v-for
組件循環(huán)創(chuàng)建:v-for = " (stuObj stuIndex) in studentArray :key = ""stu.id"
:key:組件與數(shù)據(jù)綁定镣煮,實現(xiàn)組件和數(shù)據(jù)的一致性
雙層for循環(huán):
<block>標簽:只循環(huán)創(chuàng)建元素,不會換行展示
<view>標簽:會循環(huán)創(chuàng)建view標簽鄙麦,會換行展示
<checkbox>標簽:復選框
studentArray.push//從數(shù)組尾部添加元素
studentArray.
注意:嵌套循環(huán)時典唇,必須指定不同的索引,否則微信小程序運行會報錯
10.多端兼容條件編譯
編譯平臺:H5:網(wǎng)頁 APP-PLUS:(安卓胯府,iOS) MP:(微信小程序蚓聘,支付寶小城,頭條小程序) MP-WEIXIN:(微信小程序)
HTML中條件編譯
只在安卓盟劫,iOS上編譯
js中條件編譯
//#ifdef MP
只在小程序(微信夜牡,支付寶,百度)進行編譯
//#endif
css中條件編譯
/* #ifdef APP-PLUS/
只在安卓侣签,iOS進行編譯
/ #endif*/