開發微信小程序難不難?這些雷區要注意

小編了解到,微信小程序成為當下熱門話題,下面從多個方面來談談

開發微信小程序難不難?這些雷區要注意


就在昨日,深圳地鐵、港鐵(深圳)、騰訊公司聯合推出的手機....

從2017年第一批小程序的上線,再到2018年小程序的扎堆出現,大量的小程序造成質量的參差不齊,每個開發者都想在小程序上謀求一定的紅利,那麼對於開發新人來說,開發一個微信小程序有哪些問題要注意,本文總結注意點如下:

開發微信小程序難不難?這些雷區要注意

1. 微信小程序官方給出的定義是: 微信小程序是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應用。其實他更像一個WEB APP,用戶可以像打開一個網頁一樣打開一個微信小程序。所以,微信對小程序的要求是整體大小不能超過1MB。

2. app.json 是全局配置文件,微信小程序中的每一個頁面的【路徑+頁面名】都需要寫在 app.json 的 pages 中,且 pages 中的第一個頁面是小程序的首頁

3. .json 是配置文件,其內容必須符合JSON格式,所以文件內部不允許有註釋。

4. 每一個頁面的路徑名和文件名必須相同。

5. tabBar(客戶端窗口的底部用於切換頁面的tab欄)在 app.json 文件中配置,只能配置最少2個、最多5個 tab,顯示順序同tabBar標籤下的pei

6. .wxss 文件是樣式表文件,app.wxss是全局的樣式表文件。頁面的樣式表是非必要的。當有頁面樣式表時,頁面的樣式表中的樣式規則會層疊覆蓋 app.wxss 中的樣式規則。如果不指定頁面的樣式表,也可以在頁面的結構文件中直接使用 app.wxss 中指定的樣式規則。 .json 文件具有相同的規則。

7. 微信小程序存放資源文件,需要在根目錄下創建文件夾,引用時以 /文件夾名/資源名 的形式引用。

8. tabBar 的 iconPath 和 selectedIconPath 屬性可以接受一個圖片的路徑,這個圖片必須是本地圖片不能是網絡圖片。

9. 像素單位最好使用 rpx ,微信會根據手機屏幕大小自適應。

10. 一個應用同時只能打開5個頁面。wx.navigateTo 打開頁面不會銷燬之前的頁面,如果頁面層數較多注意使用 wx.redirectTo。微信小程序中也有一些快捷鍵,能熟練使用快捷鍵會更好的輔助開發。

光標相關

Ctrl+D:選中匹配

Ctrl+X:刪除光標所在行…,同事兼顧 本職:剪切

Ctrl+U:光標回退

Ctrl+i:選中當前行

Ctrl+End:移動到文件結尾

Ctrl+Home:移動到文件開頭

Shift+Home:選擇從行首到光標處

Shift+End:選擇從光標到行尾

Ctrl+Shift+L:選中所有匹配

格式調整

Ctrl+C,Ctrl+V:複製粘貼,如果沒有選中任何文字則複製粘貼一行

Ctrl+S:保存文件

Shift+Alt+F:代碼格式化

Ctrl+[, Ctrl+]:代碼行縮進

Ctrl+Shift+[, Ctrl+Shift+]:摺疊打開代碼塊

Alt+Up,Alt+Down:上下移動一行

Shift+Alt+Up,Shift+Alt+Down:向上向下複製一行

Ctrl+Shift+Enter:在當前行上方插入一行

界面相關

Ctrl +:打開或者隱藏側邊欄

Ctrl + m: 打開或者隱藏模擬器

Ctrl + W: 關閉當前文件

Ctrl+Shift+W: 也是關閉當前文件



分享到:


相關文章: