平时遇到的问题整理（包括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时间显示问题

问题描述：微信开发工具上图片能够显示，可是到了真机就不显示。
解决方法：那是域名信息没有备案，而且微信开发工具关闭了校验。