微信小程序開發常見坑

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

頁面跳轉

對於頁面跳轉，可能習慣性想到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，它是針對非最後一行的，那麼咱們能夠嘗試把一行文本假裝成非最後一行，好比經過添加一個空內聯塊狀元素或者使用僞元素。可參考連接描述