小程序開發中的那些坑

前言

最近小程序特別火，不用安裝，即開即用，用完就走。省流量，省安裝時間等等優點吸引了大量用戶，幾乎全部大廠的APP都有小程序版本。我廠也有開發，因此我也加入了開發小程序的隊伍，開發中的那些注意點和各位小夥伴們分享下。

一.css僞類看不到

在微信開發者工具中，Styles不會顯示css僞類，喜歡寫::before或:first-child的小夥伴們請注意了，你的僞類在控制檯是看不到的。

建議不要在公共css文件夾下寫僞類，本妹子就遇到過這個坑，某小夥伴在公共css上寫了按鈕的after加了個邊框樣式，找了很久才找到這個邊框寫在哪。

button::after {
       border: 2rpx solid #000;  
 }

二.https

小程序的圖片只支持https://...的URL，後臺接口不能傳//或http://,不然有些安卓機會不兼容

在微信開發者工具中，可勾選"不校驗合法域名、web-view（業務域名）、TLS 版本以及 HTTPS 證書"規則便可用http，可是在實體裏並無這個選項，因此建議開發時就用https路徑。

三.不要換行寫，有空格不行

微信開發者工具不會對代碼進行trim操做，若是代碼中換行，頁面也直接換行。

五.Git 狀態展現

project.config.json和.git須要在同層目錄,Git 狀態才能顯示，因此project.config.json最好放在根目錄中

六.頁面跳轉

wx.navigateTo 新窗口打開頁面 新頁面有返回按鈕

wx.redirectTo 關閉當前頁面，跳轉到應用內的某個頁面 新頁面沒有返回按鈕

七.IDE更換

微信開發者工具備不少快捷鍵都不能用，對於不少熟悉其餘IDE的前端開發者來講很不習慣。
能夠隱藏編輯器或分開窗口，把微信開發者工具只看成瀏覽器，而後而後小夥伴們就能夠用本身熟悉的IDE了。

八.分享事件不支持同步

若是你想自定義分享圖片，則在生命週期onShareAppMessage中編寫以下所示：

Page({
  onShareAppMessage: function (res) {
    return {
      title: '自定義轉發標題',
      imageUrl: 'https://raoenhui.github.io/images/logo.png'
    }
  }
})

可是onShareAppMessage不能支持異步，若是你想從接口裏獲取分享圖片URL，必須在onLoad提早讀取並放入Data中

九.小程序有併發限制

wx.request、wx.uploadFile、wx.downloadFile 的最大併發限制是 10 個。

全部爲了保險起見，須要寫個請求隊列，若是併發量大於10，則等待請求。

其餘連接

• 原文地址爲:https://raoenhui.github.io/wechat/2018/07/18/%E5%B0%8F%E7%A8%8B%E5%BA%8F
• https://developers.weixin.qq.com/miniprogram/dev/api

Happy coding .. :)