一:wxss的全局樣式和局部樣式
寫在文件上,第一個路徑會執行全局和局部自帶的wxss給wxml,會執行wxml,會執行json和js.
無論那個文件都會執行文件夾內的和外部的app.wxss,但是如果有一樣的屬性,則看屬性的權重,權重一樣,則設置局部樣式.
二:全局配置
wx:key="寫的是data內的呢
可以,{{item.id}},
style不設置,則用默認樣式.
app.json是對小程序整體的一個設置,設置頁面路徑,設置是否頁面外觀.
window下的配置
project.config.json是對項目的一個名稱這種.
1.window
注意點:navigationBarTitleText屬性設置顏色只能是16進制的.(6位).enablepulldownrefresh是是否允許向下拉出現下拉的形式,不允許則下拉無效果.我們這里設置的是全局樣式,但是局部也有json可以修改.外部的app.json都是對所有頁面其作用.backgroundColor是下拉的頁面的顏色
onreachbottomdistance寫這個,給根組件綁定onReachBottom="loadMoreData"事件,當整個頁面劃到相應距離,觸發根組件的這個事件,以及不似html有html和body等標簽,放置的時候就是第一個開始放到頁面上.頁面容器.
2.tabBar
? ? ? ??
tabbar屬性值寫對象可以寫以下.
backgroundColor似乎只能16進制
list數組內的對象可以寫
配置應該底層會遍歷獲得值,然后判斷值,是否是16進制/特定的字符串"black"內部底層使得變化.iconpath需要/開始,是路徑.
三:頁面配置
頁面文件夾內也有json文件,json文件和app.json一樣也有window,可以設置外觀.
但是文件夾內json寫的時候{}對象不用寫window知道只能設置的是window.
總結:頁面設置高于全局設置的.在顯示頁面的時候,會尋找json和外部的json一起設置當前頁面.但是頁面內中心的部分只由wxml文件決定.
執行一個頁面,會先執行wxml,然后wxss,然后json,一起為頁面顯示.尋找json文件的時候,看到文件內根據屬性名是window,再遍歷對內部的是background-color等為頁面設置顏色.能根據wxml標簽去顯示頁面,也可以根據標志去設置.設置都一樣,只是條件不同.
當執行app.json的時候,遍歷有tabbar屬性,則遍歷list,則將list傳到哪里,然后顯示底部/頂部導航.加到DOM樹上.
我們app.json內的配置項pages不用寫/,直接寫名字開始會從根目錄開始帶上這個去查,而且找的時候會認為后面的是不包括后綴名的整個文件名查找四個.以及tabbar的list上的pagePath,執行會去看是否包括,包括則加路徑進行跳轉.pages能是所有可以進行跳轉的頁面路徑.無論跳頁面都要來看有沒有這里是允許跳轉的頁面.
四:請求
注意點:1)只允許HTTPS的協議
? ? ? ? ? ? ?2)接口的域名寫到列表內
?????????????3)所寫的域名必須經過ICP備案
原因:https所寫的安全,一個域名只能被寫到一個用戶內,因此寫到信任列表內的不允許其他用戶寫,保證一個人使用.安全.在后臺配置1登錄開發工具的時候內部有的.
wx對象相當于window對象,內部的全局對象,js內可以執行.
執行wx.request方法,會先對參數進行分解,辨別然后請求內部發送請求.內部有發送請求的命令.
success就是請求成功,內部命令等待執行完畢然后執行success,的值.失敗一樣.執行這個異步會等其他完再執行.如果業務失敗請求成功也是執行success.
注意:請求的時候我們可以在開發工具內勾選這個,則模擬編譯的時候,會去訪問.但是一旦提交的時候,審核上線,不允許的.我們在還沒有時間改http的時候/多個人用域名,可以勾選.
跨域是:瀏覽器和服務器,不是客戶端和服務器.
也不是ajax,ajax內的請求發送是實現瀏覽器發送到服務器.客戶端沒有跨域問題.
五:頁面跳轉
tabbar會實現使得只要是在list所在頁面就會有下面的導航.只要跳到tabbar的頁面就會有這個.應該是會去查找是不是在tabbar內.以及tabbar可以跳轉.
1.聲明式導骯
1)跳到tab頁面.
這個組件內部自帶了觸摸事件,觸摸事件會跳轉頁面且會獲得open-type和url,根據open-type的值先判斷如果都不是就不跳. 是上述則尋找tabbar內的列表.且去尋找pages內的是否包含.都滿足.
2)跳到非tab頁面
不寫open-type的時候,undefined的時候,也訪問非tabbar頁面.
3)后退
當觸摸事件,根據open-type進行不同的操作.觸摸事件的回調函數,根據open-type,取到delta進行返回.內部執行的是編程式導航.
這個后退只能在非tabbar頁面,觸發事件,會知道這個頁面.非tabar頁面自動有返回的按鈕.
2.編程式導航
一樣的,不似navigator需要類別.
不能同時有url和delta..
上述兩個知道可以執行就可以.內部做了什么.像vue的this.$router.push為什么調用方法就能跳轉呢.