開發(fā)微信小程序難不難?這些雷區(qū)要注意
從2017年第一批小程序的上線,再到2018年小程序的扎堆出現(xiàn),大量的小程序造成質(zhì)量的參差不齊,每個開發(fā)者都想在小程序上謀求一定的紅利,那么對于開發(fā)新人來說,開發(fā)一個微信小程序有哪些問題要注意,本文總結注意點如下:
1. 微信小程序官方給出的定義是: 微信小程序是一種不需要下載安裝即可使用的應用,它實現(xiàn)了應用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應用。其實他更像一個WEB APP,用戶可以像打開一個網(wǎng)頁一樣打開一個微信小程序。所以,微信對小程序的要求是整體大小不能超過1MB。
2. app.json 是全局配置文件,微信小程序中的每一個頁面的【路徑+頁面名】都需要寫在 app.json 的 pages 中,且 pages 中的第一個頁面是小程序的首頁
3. .json 是配置文件,其內(nèi)容必須符合JSON格式,所以文件內(nèi)部不允許有注釋。
4. 每一個頁面的路徑名和文件名必須相同。
5. tabBar(客戶端窗口的底部用于切換頁面的tab欄)在 app.json 文件中配置,只能配置最少2個、最多5個 tab,顯示順序同tabBar標簽下的pei
6. .wxss 文件是樣式表文件,app.wxss是全局的樣式表文件。頁面的樣式表是非必要的。當有頁面樣式表時,頁面的樣式表中的樣式規(guī)則會層疊覆蓋 app.wxss 中的樣式規(guī)則。如果不指定頁面的樣式表,也可以在頁面的結構文件中直接使用 app.wxss 中指定的樣式規(guī)則。 .json 文件具有相同的規(guī)則。
7. 微信小程序存放資源文件,需要在根目錄下創(chuàng)建文件夾,引用時以 /文件夾名/資源名 的形式引用。
8. tabBar 的 iconPath 和 selectedIconPath 屬性可以接受一個圖片的路徑,這個圖片必須是本地圖片不能是網(wǎng)絡圖片。
9. 像素單位最好使用 rpx ,微信會根據(jù)手機屏幕大小自適應。
10. 一個應用同時只能打開5個頁面。wx.navigateTo 打開頁面不會銷毀之前的頁面,如果頁面層數(shù)較多注意使用 wx.redirectTo。微信小程序中也有一些快捷鍵,能熟練使用快捷鍵會更好的輔助開發(fā)。
光標相關
Ctrl+D:選中匹配
Ctrl+X:刪除光標所在行…,同事兼顧 本職:剪切
Ctrl+U:光標回退
Ctrl+i:選中當前行
Ctrl+End:移動到文件結尾
Ctrl+Home:移動到文件開頭
Shift+Home:選擇從行首到光標處
Shift+End:選擇從光標到行尾
Ctrl+Shift+L:選中所有匹配
格式調(diào)整
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: 也是關閉當前文件
以上就是這篇開發(fā)微信小程序難不難?這些雷區(qū)要注意,如果你仍然有小程序其他開發(fā)問題,或者開發(fā)小程序的需求,可以與我們聯(lián)系。