記錄一下踩坑之路
Git 克隆錯誤RPC failed; curl 56 Recv failure: Connection was reset.’ 及克隆速度慢問題解決
node_modules\node-sass: Command failed.問題解決

6. 小程序初體驗

   • 數(shù)據(jù)綁定
     • 類似于vue的數(shù)據(jù)綁定形式是嗜，mustache語法
     • 在對應(yīng)的js文件（邏輯層）聲明數(shù)據(jù)

     data: {
         name: 'Coderwhy',
         age: 18,
     },
     

     • 在wxml文件使用mustache語法引用怔蚌，即{{}}

     <view>Hello {{name}}</view>
     <view>我的年齡: {{age}}</view> 
     

   • 列表渲染
     • 數(shù)組變量
     • 在js文件里聲明數(shù)組變量：

         students: [
             {id: 110, name: 'kobe', age: 30},
             {id: 111, name: 'james', age: 28},
             {id: 112, name: 'curry', age: 32},
             {id: 113, name: 'why', age: 18}
         ],
     

     • 在wxml文件使用mustache語法引用

     <view wx:for="{{students}}">{{item.name}}-{{item.age}}</view>
     

   • 事件監(jiān)聽
     • 綁定事件：bindtap='函數(shù)'
     • 不同于vue才菠，小程序不會實現(xiàn)雙向綁定况芒，因此寫函數(shù)的時候要setData

       handleBtnClick() {
         // 1.錯誤做法: 界面是不會刷新的
         // this.data.counter += 1
         // console.log(this.data.counter)
     
         // 2.this.setData()
         this.setData({
             counter: this.data.counter + 1
         })
     },
       handleSubtraction() {
         this.setData({
             counter: this.data.counter - 1
         })
     }
     

     • wxml里綁定點擊事件

         <view>當前計數(shù): {{counter}}</view>
         <button size='mini' bindtap='handleBtnClick'>+</button>
         <button size='mini' bindtap='handleSubtraction'>-</button>
     

7. 小程序的MVVM架構(gòu)

   
   
   小程序MVVM.jpg

8. 配置小程序

   • 小程序的很多開發(fā)需求都被規(guī)定在了配置文件中
   • 為什么
     • 這樣做可以更有利于我們的開發(fā)效率
     • 并且可以保證開發(fā)出來的小程序的某些風格時比較一致的
     • 比如導(dǎo)航欄-頂部TabBar荞膘，以及頁面路由等等
   • 常見的配置文件有那些
     • peoject.config.json：項目配置文件迈螟，比如項目名稱弄息、appid等海渊，可在小程序開發(fā)工具右上角詳情處修改绵疲，記錄保存項目的信息，避免在不一樣的環(huán)境下項目相關(guān)配置被改變臣疑；相關(guān)說明
     • sitemap.json：小程序搜索相關(guān)的盔憨；相關(guān)說明
     • app.json：全局配置；
     • page.json ：頁面配置讯沈；

9. 全局配置
   官方文檔
   

   較重要的全局配置.png
   • pages：頁面路徑列表
     • 用于指定小程序由哪些頁面組成郁岩，每一項都對應(yīng)一個頁面的路徑信息
     • 小程序中所有的頁面都是必須在pages中進行注冊的
     • 新建page時，可以右鍵，也可以直接在app.json文件中輸入驯用，開發(fā)工具會自動新建
   • window：全局的默認窗口展示
     • 用戶指定窗口如何展示脸秽，其中還包含了很多其他的屬性，具體查看官方文檔
   • tabBar：頂部tab欄的展示
     • 至少包含兩項tab蝴乔，最多5個
     • 在pagePath屬性中指定要跳轉(zhuǎn)的頁面
     • 在text屬性中指定導(dǎo)航的名字
     • 在iconPath屬性中指定圖標
     • 在selectedIconPath屬性中指定選中時的圖標
       tips：需要將代碼規(guī)范化時记餐，按住alt+shift+F鍵即可

10. 頁面配置
    官方文檔

    • 每個小程序頁面都可以使用.json文件來對本頁面的窗口表現(xiàn)進行配置
      • 頁面中配置項在當前頁面會覆蓋app.json的window中相同的配置項