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

问题描述：微信开发 工具 上图片可以显示，但是到了真机就不显示。

解决方法：那是域名信息没有备案，并且微信开发工具关闭了校验。