今天開始做一個簡單的小程式，做的過程中勢必會有一些知識經驗需要記錄
項目初始化
首先建立好一個小程式項目，在app.wxss裡面将自帶的css樣式統統去除，加上自己寫的初始化樣式
小程式目前不支援*号通配符
将app.js中的原始邏輯去除一下，然後輸入app+回車，會自動列出一個初始化的js結構
之後，再清理一下首頁中的index.wxml、index.wxss、index.js中的内容；
同樣的在index.js中輸入Page+回車，初始化一下代碼結構
編輯頭部元件
首先在跟目錄建立components檔案夾，然後建立MyTitle檔案夾，再在這個檔案夾上右鍵建立component，名字叫MyTitle
然後我們先讓這個title元件在首頁彙總顯示出來，在index.json中設定一下
然後在index.wxml中引入
然後将myTitle的結構和樣式寫一下，可以複習一些flex布局
MyTitle.wxml:
MyTitle.wxss:
編輯頭部導航
我們的導航資料是通過接口拿到的，是以要先請求接口拿到資料再寫
index.js:
上面是請求b站上的一個接口，如果是臨時調試用的可以在開發者工具中的 詳情 按鈕下，将下圖選項勾選上
另一種方法，如果要長時間用，不想這樣臨時設定，需要登入自己的小程式，在開發中的開發設定下的伺服器域名下設定，文檔上面介紹的很詳細（如果設定端口，請求時一定要帶上端口）
然後來寫一下頂部導航的結構與樣式
index.wxml:
index.wxss:
效果：
寫輪播圖
首先請求到資料，因為接口不穩定，是以定義變量時給了預設值
index.js
index.wxml
index.wxss
視訊清單
首先擷取到視訊清單資料：index.js
詳情頁面
我們先建立一個詳情頁
app.json
我們先做一個點選跳轉的行為，可以跳轉到詳情頁
然後再把公共頭部元件引進詳情頁面
detial.json:
detial.wxml
視訊詳情子產品：
detail.js
detial.wxml:
detial.wxss
推薦視訊子產品：
detial.js
評論子產品：
detail.wxml
detail.wxss
完！