首次實戰小程序遇到的坑

在個人強烈要求下,產品終於決定開發一款小程序了,如下是一些開發心得

1.在正式進入開發前,花了兩個多小時的時間,閱讀了開發文檔,不得不說,在此大讚騰訊的開發文檔,簡單明瞭

2.拿到設計圖,是一倍的設計圖,和設計師溝通,變成375*2的二倍設計圖,這樣在佈局的時候,設計圖上顯示多少能夠直接在css中寫多少rpx了

3.因爲小程序不支持less sass等css語法,可是在平時開發中,已經習慣用less語法來開發了,因此嘗試解決寫less轉css普通語法,一google原來有現成插件能夠使用,因爲我本人使用的是vscode編輯器,因此只須要安裝Easy WXLESS 插件 在須要less轉css的文件 簡單的配置以下圖

一保存就把相應的less轉化爲css格式了

4.最近都是用的vue框架開發,取數據的時候直接this.就能夠了,可是小程序取數據的時候須要this.data.還特別不習慣,特別容易忘,嚴重影響開發效率

如下是一些開發中遇到的坑

1.tabBar配置的list必須是2-5個,而且pagePath必須已經包含在pages中了,並且最重要的是,必須有一個是pages的第一個頁面路徑

2.tabBar中的iconPath,不能用icon格式圖片,找不到,應該採用png

3.background-image圖片引用不能使用本地圖片,採用網絡路徑或者是base64格式

開發還在進行,我相信坑會愈來愈多,到時候再來補充