商城系統(tǒng) 注冊

開發(fā)微信小程序難不難?這些雷區(qū)要注意

2018-09-05|HiShop
導讀:從2017年第一批小程序的上線,再到2018年小程序的扎堆出現(xiàn),大量的小程序造成質(zhì)量的參差不齊,每個開發(fā)者都想在小程序上謀求一定的紅利,那么對于開發(fā)新人來說,開發(fā)一個微信小程序有哪...
 

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

開發(fā)微信小程序難不難?這些雷區(qū)要注意

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: 也是關閉當前文件

HiShop小程序工具提供多類型商城/門店小程序制作,可視化編輯 1秒生成5步上線。通過拖拽、拼接模塊布局小程序商城頁面,所看即所得,只需要美工就能做出精美商城。

以上就是這篇開發(fā)微信小程序難不難?這些雷區(qū)要注意,如果你仍然有小程序其他開發(fā)問題,或者開發(fā)小程序的需求,可以與我們聯(lián)系。

電話咨詢 預約演示 0元開店