專案開發準備

1、開發工具

對於小程式專案，我們除了使用小程式官方開發工具外，還可以使用第三方開發工具，比如vscode、vim、sublime、webstorm等等。vscode中，提供了一些好用的外掛，便於開發。

2、樣式繼承

小程式中，很多樣式都是不可以繼承的，常見的可以繼承的樣式有foot、color等等，這一點是需要特別注意的。

3、元件的定義與使用

開發者可以將頁面內的功能模組抽象成自定義元件，以便在不同的頁面中重複使用；也可以將複雜的頁面拆分成多個低耦合的模組，有助於程式碼維護。自定義元件在使用時與基礎元件非常相似。

新建元件的方法：首先，在根目錄下新建資料夾components，而後在components下新建資料夾like（以like為例），而後新建Component，命名為index（以index為例）。元件同樣有4種檔案，其中js檔案如下：

// components/like/index.js
Component({
  /**
   * 元件的屬性列表
   */
  properties: {

  },

  /**
   * 元件的初始資料
   */
  data: {

  },

  /**
   * 元件的方法列表
   */
  methods: {
   
  }
})

元件使用的方法：在使用的時候，我們需要在頁面檔案（以classic為例）對應的json檔案中進行如下配置：其中，v-like表示元件名稱，/components/like/index表示元件路徑。然後，在classic.wxml中引入，類似於vue元件的使用。

{
  "usingComponents": {
    "v-like": "/components/like/index"
  }
}
 

<v-like></v-like>

4、支援的選擇器

目前小程式支援的選擇器有：class選擇器、id選擇器、標籤名選擇器、後代選擇器、::before、::after等等；

5、資料來源

小程式中的資料來源，通常有以下3中方式：wxml、js→wxml、伺服器→js→wxml

6、var 與 let 的區別