资讯专栏INFORMATION COLUMN

平时遇到的问题整理(包括h5、PC、小程序)

enali / 881人阅读

摘要:解决方法加一个文件,里面内容如下这个栗子是针对,小程序也同样适用有关微信小程序部分接手了一个别人写的小程序,然后给我提了很多,都是一些细节问题。

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

有关h5部分
19/4/12
问题描述:PC端用textarea获取数据,经过后端,传到h5页面显示。遇到换行等操作,不能正常显示。
解决方法:textarea内容有换行等操作经过数据库后显示不正常问题
解释:关于该问题,网上还有其他的方法,多是用"
"换掉" ",但如果文中输入" "这样的字符串,显示就会有问题,就会自动换行,上面这个方法就没有这样的问题了。

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

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

css样式:
19/8/19
文本内容过多以省略号的形式进行隐藏:

.context{
    width: 50px; // div必须是定宽
    overflow: hidden; // 超出隐藏
    text-overflow: ellipsis; // 隐藏部分用省略号代替
    white-space: nowrap; // 文本内容不换行(默认在定宽的情况下是换行的)
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/104993.html

相关文章

  • 红点王宇航:以实时连接场景为目标一些技术架构探索

    摘要:文红点联合创始人王宇航我今天分享的主题,是以实时连接场景为目标的一些技术架构探索。主要是关于红点在产品研发过程中,我们的技术选择,架构变化,还有这个过程中,我们的一些考虑。红点的第一个版本红点的第一个版本功能比较简单。 showImg(https://segmentfault.com/img/bVrBAw); 文 | 红点联合创始人 王宇航 我今天分享的主题,是以实时连接场景为目标的一...

    voyagelab 评论0 收藏0
  • 移动端布局与适配

    摘要:实战之微信钱包腾讯服务界面网格布局是让开发人员设计一个网格并将内容放在这些网格内。对于移动端适配,不同的公司不同的团队有不同的解决方案。栅格系统用于处理页面多终端适配的问题。 grid实战之微信钱包 腾讯服务界面 CSS3网格布局是让开发人员设计一个网格并将内容放在这些网格内。而不是使用浮动制作一个网格,实际上是你将一个元素声明为一个网格容器,并把元素内容置于网格中。 移动端页面适配—...

    Clect 评论0 收藏0
  • React移动端和PC端生态圈使用汇总

    摘要:调用通过注册表调用到实例,透过的,调用到中的,最后通过,调用,根据参数相应模块执行。京东的,多端解决方案是一套遵循语法规范的多端开发解决方案。 showImg(https://segmentfault.com/img/bVbuMkw?w=1304&h=808); 对于一项技术,我们不能停留在五分钟状态,特别喜欢一句话,用什么方式绘制UI界面一点不重要,重要的是底层的思维,解决问题和优化...

    kun_jian 评论0 收藏0
  • React移动端和PC端生态圈使用汇总

    摘要:调用通过注册表调用到实例,透过的,调用到中的,最后通过,调用,根据参数相应模块执行。京东的,多端解决方案是一套遵循语法规范的多端开发解决方案。 showImg(https://segmentfault.com/img/bVbuMkw?w=1304&h=808); 对于一项技术,我们不能停留在五分钟状态,特别喜欢一句话,用什么方式绘制UI界面一点不重要,重要的是底层的思维,解决问题和优化...

    J4ck_Chan 评论0 收藏0

发表评论

0条评论

enali

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<