小程序開發中的那些坑

gself 發布于2019-08-26 17:44 / 1800人閱讀

摘要：二小程序的圖片只支持的，后臺接口不能傳或否則有些安卓機會不兼容在微信開發者工具中，可勾選不校驗合法域名業務域名版本以及證書規則即可用，但是在實體里并沒有這個選項，所以建議開發時就用路徑。

前言

最近小程序特別火，不用安裝，即開即用，用完就走。省流量，省安裝時間等等優勢吸引了大量用戶，幾乎所有大廠的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 .. :)

GPU云服務器云服務器小程序開發開發小程序開發小程序開發開發制作福州小程序開發

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/110160.html

說說微信小程序開發的那些坑

摘要：微信小程序最后的頁面大部分都頁，所以一些在上不支持的特性，在小程序里面也是有問題的，不過我們還是可以使用強大的進行轉換。微信小程序開發難，難于坑特別多本文首發于http://www.jianshu.com/p/7173... 坑一：Content-type問題坑指數：★★★★★ showImg(https://segmentfault.com/img/remote/1460000...

sushi 2019-08-21 15:09 評論0 收藏0
小程序開發坑點總結

摘要：整個小程序所有分包大小不超過單個分包主包大小不能超過微信小程序主流框架對比應該算是最早發布的小程序開發框架，提供了類的語法風格和特性，現階段應該也是應用最廣泛的框架吧。不過微信官方為了防止下載離線包的時間過程，也嚴格限制了小程序包的體積。那些年我們踩過的坑css樣式不能引用本地圖片資源，只能引用線上資源(background-image)，引用本地圖片資源只能用標簽。{{}}不能執行...

lowett 2019-08-30 15:44 評論0 收藏0
微信小程序開發常見坑

摘要：前段時間稍微涉獵了微信小程序開發，踩了一些坑，在此總結出來，希望能為小伙伴們提供一點幫助。當然這不僅僅是對于微信小程序而言。于是找到微信開發環境上試試看，謝天謝地，搞定但是，圖樣圖森破，微信一掃，還是依舊。前段時間稍微涉獵了微信小程序開發，踩了一些坑，在此總結出來，希望能為小伙伴們提供一點幫助。頁面跳轉對于頁面跳轉，可能習慣性想到wx.navigateTo，但是在跳轉到目標頁...

huayeluoliuhen 2019-08-01 18:14 評論0 收藏0
微信小程序開發常見坑

摘要：前段時間稍微涉獵了微信小程序開發，踩了一些坑，在此總結出來，希望能為小伙伴們提供一點幫助。當然這不僅僅是對于微信小程序而言。于是找到微信開發環境上試試看，謝天謝地，搞定但是，圖樣圖森破，微信一掃，還是依舊。前段時間稍微涉獵了微信小程序開發，踩了一些坑，在此總結出來，希望能為小伙伴們提供一點幫助。頁面跳轉對于頁面跳轉，可能習慣性想到wx.navigateTo，但是在跳轉到目標頁...

13651657101 2019-08-22 11:20 評論0 收藏0
微信小程序開發常見坑

摘要：前段時間稍微涉獵了微信小程序開發，踩了一些坑，在此總結出來，希望能為小伙伴們提供一點幫助。當然這不僅僅是對于微信小程序而言。于是找到微信開發環境上試試看，謝天謝地，搞定但是，圖樣圖森破，微信一掃，還是依舊。前段時間稍微涉獵了微信小程序開發，踩了一些坑，在此總結出來，希望能為小伙伴們提供一點幫助。頁面跳轉對于頁面跳轉，可能習慣性想到wx.navigateTo，但是在跳轉到目標頁...

Tamic 2019-08-29 14:03 評論0 收藏0