coderwhy老師的github倉庫：https://github.com/codeingLiu/minimall
首先將項目結構搭起來
先將tabbar的頁面創建出來，
再配置tabbar：icon什么的，selectedcolor：等
如果每個tabbar頁面的title顏色什么的都一樣，就在app.json里設置window就行，然后title文字在各個頁面設置就行
上述tabbar頁面及title設置好之后，就可以挨個兒頁面做內容了，
首頁第一塊而是輪播圖，首先要有數據
1、在發起網絡請求時，我們可以創建一個config.js里面配置一個baseUrl，來設置請求的ip地址，這樣方便統一管理，如果想連接另一個 服務器，直接改一處就可以了
2、我們在做大的項目的時候，會把一些請求的方法放在一個server文件夾下，這個文件夾有分好多頁面的js，這些js中封裝這首頁接口請求的方法，詳情頁請求的方法等等，
着花樣做有一個好處時，方便這些接口將來在其它頁面重復調用，否則就的在另一些頁面寫同樣的代碼，重復繁瑣！！！
輪播圖：https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html
image標簽 一般設置mode屬性為widthFix，根據圖片的比例顯示到image標簽內，當然不要忘了，image標簽自帶寬度和高度，我們也可以自行設置。
swiper的默認高度是150px！！
如果頁面中有許多用到輪播圖的，我們就可以將輪播圖抽出來封裝成組件，當然也可以減少頁面的代碼，使代碼看的整潔。每個頁面下可以常見組件文件夾，還有項目的components文件夾下也是放組件的，這就看這個組件是全局的組件還是，某個頁面才會用到的組件，看情況將組件放在上面文件夾下。
輪播圖是整個項目都會用到的，所以放在components文件夾下
代碼就不說了，可以自己封裝
3、小程序在iphone6的分別率下，1px=2rpx，方便換算
4、數據模型設計
我們就可以設計成這樣的數據模型
小程序中改變嵌套數據的一個妙用方法：
5、把goods.pop.list寫成字符串的形式，賦值就可以單獨改變goods.pop.list數據了，神奇
6、在wxss中不能引用本地圖片
7、滾動到頂部
8、hidden屬性對自定義的組件是無效的
9、監聽頁面滾動：
10、不要在滾動的函數中頻繁的調用setData 使用flag控制減少setData的操作
11、獲取小程序中某一組件在文檔流中的位置，我們可以獲取組件距離頂部的位置：
wx.createSelectorQuery().select("#id").boundingClientRect(rect=>{
console.log(rect)
}).exec();//執行過.exec()后才會回調rect
想獲取某個組件距離頂部的距離，不能在onShow函數匯中監聽，雖然onShow是監聽頁面展示出來的，但是有些圖片有可能還沒有加載出來，這時候計算距離有可能是不准確的
我們可以在onshow函數里使用一個計時器，延遲一段時間后再獲取這個高度，這時，圖片就加載出來了，
12、小程序圖片組件有一個箭筒圖片加載完成的函數，可以用它來做做事。bindload
13、當頁面js中改變某一個變量不需要刷新頁面時，沒必要用this.setData來改變變量的值，直接this.data.key=value;即可
.