平时遇到的问题整理包括h5PC小程序

6次阅读

共计 957 个字符,预计需要花费 3 分钟才能阅读完成。

这篇文章主要整理了一些平时遇到的问题,不定时更新,仅供自己学习所用。若有更好的解决方案,欢迎指出~


有关 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 时间显示问题

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

正文完
 0