平時遇到的問題整理（包括h五、PC、小程序）

這篇文章主要整理了一些平時遇到的問題，不定時更新，僅供本身學習所用。如有更好的解決方案，歡迎指出~

---

有關h5部分
19/4/12
問題描述：PC端用textarea獲取數據，通過後端，傳到h5頁面顯示。遇到換行等操做，不能正常顯示。
解決方法：textarea內容有換行等操做通過數據庫後顯示不正常問題
解釋：關於該問題，網上還有其餘的方法，可能是用'<br>'換掉'\n'，但若是文中輸入'\n'這樣的字符串，顯示就會有問題，就會自動換行，上面這個方法就沒有這樣的問題了。

pre 元素可定義預格式化的文本，被包圍在 pre 元素中的文本一般會保留空格和換行符，而文本也會呈現爲等寬字體。

19/4/16
問題描述：寫h5和小程序與PC最大不一樣是字體大小的設置。
解決方法：加一個文件mixins.scss，裏面內容以下（這個栗子是針對h5，小程序也一樣適用）：

@function strip-units($number) {
  @return $number / ($number * 0 + 1);
}

// px change to rem
@function rem($px) {
  @return strip-units($px) / 50 + rem;
}

有關微信小程序部分
19/6/25
接手了一個別人寫的小程序，而後給我提了不少bug，都是一些細節問題。
問題描述：手機上的後退鍵，後退的頁面不是產品所想要的頁面。
解決方法：只要好好了解小程序的路由，這個問題修改起來就很容易。這下面是官方文檔裏面介紹的路由，最重要的是標紅的三種寫法：先說navigateTo，它的意思就是把下一個頁面入棧（棧就是將頁面後進先出的一個容器）；reLaunch表示的是跳轉到某個頁面，並把棧裏面的頁面數據都清除，只保留下一個頁面；redirectTo表示銷燬當頁（又把當前頁從棧中拿出並銷燬，這是和navigateTo最大的區別），把下一頁入棧。

問題描述：ios手機時間顯示錯誤，顯示爲NaN。
解決方法：這是由於ios系統不支持「yyyy-mm-dd」這樣的格式，要替換成「yyyy/mm/dd」的格式，用.replace(/-/g, '/')就好，具體方案能夠看這ios時間顯示問題

問題描述：微信開發工具上圖片能夠顯示，可是到了真機就不顯示。
解決方法：那是域名信息沒有備案，而且微信開發工具關閉了校驗。