小程式《舊島》專案筆記(1)-專案開發準備
阿新 • • 發佈:2019-02-06
專案開發準備
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