微信小程序開發常見坑

Tamic 發布于2019-08-29 14:03 / 2601人閱讀

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

前段時間稍微涉獵了微信小程序開發，踩了一些坑，在此總結出來，希望能為小伙伴們提供一點幫助。

頁面跳轉

對于頁面跳轉，可能習慣性想到wx.navigateTo，但是在跳轉到目標頁面是一個tab時，此接口就不起作用了，但也不會報出任何錯誤。此時應使用wx.switchTab，詳見鏈接描述

區分幾種導航接口：
wx.navigateTo是保留當前頁面，跳轉到應用內的某個頁面，使用wx.navigateBack可以返回到原頁面。wx.redirectTo關閉當前頁面，跳轉到應用內的某個頁面。wx.reLaunch關閉所有頁面，打開到應用內的某個頁面。

switchTab后tab不刷新

場景：不同賬號有不同權限，首頁展示不同模塊，在退出賬號一改用賬號二登陸后，首頁展示的模塊與賬號二的權限不一致。
問題分析：登陸頁面是在首頁基礎上新開了一個頁面，在登陸成功后調用switchTab跳轉到首頁，看起來并沒有任何問題。關鍵在于switchTab跳轉后并不刷新頁面，
，所以用賬號二重新登陸后到達的首頁仍是賬號一的首頁。所以需要用下面的方法來刷新登陸后的頁面：

wx.switchTab({
    url: "/pages/xx/index",
    success: function (e) {  
      let page = getCurrentPages().pop()
      if (page == undefined || page == null) return
      page.onLoad()
    }
})

text-align:justify不起作用

在涉及文本兩端對齊時，理所當然的想到使用text-align:justify，但發現不起作用，經查詢，發現MDN上是這么寫的：

justify
The inline contents are justified. Text should be spaced to line up its left and right edges to the left and right edges of the line box, except for the last line.

也就是說，text-align:justify只對非最后一行起作用，只有一行文本時也算最后一行，對，就是這么坑。當然這不僅僅是對于微信小程序而言。
于是找到text-align-last:justify

The text-align-last CSS property describes how the last line of a block or a line, right before a forced line break, is aligned.

微信開發環境上試試看，謝天謝地，搞定！但是，圖樣圖森破，微信一掃，還是依舊。哦到開，text-align-last有兼容性問題。

看來還是得看text-align，它是針對非最后一行的，那么我們可以嘗試把一行文本偽裝成非最后一行，比如通過添加一個空內聯塊狀元素或者使用偽元素?？蓞⒖兼溄用枋?/p>

GPU云服務器云服務器微信小程序開發微信小程序開發語言微信小程序開發免費微信小程序開發步驟

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

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

微信小程序開發常見坑

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

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

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

13651657101 2019-08-22 11:20 評論0 收藏0
小程序開發坑點總結

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

lowett 2019-08-30 15:44 評論0 收藏0
說說微信小程序開發的那些坑

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

sushi 2019-08-21 15:09 評論0 收藏0
經驗分享：微信小程序外包接單常見問題及流程

摘要：從九月底內測到現在已經三個半月凌晨一點睡覺已經習以為常也正是這樣才讓無前端經驗的我做微信小程序開發并不感到費勁最近才開始接微信小程序的外包項目目前已經簽下了五份合同成品出了兩個加上轉給朋友做的正在談的算起來有十來個項目距離微信正式開放的時間從九月底內測到現在已經三個半月.凌晨一點睡覺已經習以為常,也正是這樣,才讓無前端經驗的我做微信小程序開發并不感到費勁.最近才開始接微信小程序的外包...

chunquedong 2019-08-21 11:27 評論0 收藏0