微信小程序开发之IOS和Android兼容的问题


Posted in Javascript onSeptember 26, 2017

微信小程序开发之IOS和Android兼容的问题

一、时间转换问题:

这不只是小程序上面的问题是ios系统 都有这个问题

就是new  Date("2017-06-16") 在IOS会出现NAN的情况所以对于时间转换需要另行封装,解决方案如下

1.替换”-“为”/“

2.删除”.“后面的字符串(带毫秒也会有问题)

代码如下:

/**
   * 字符串转换为时间
   * @param {String} src 字符串
   */
  strToDate(dateObj){
   dateObj = dateObj.replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '').replace(/(-)/g, '/')
   dateObj = dateObj.slice(0, dateObj.indexOf("."))
   return new Date(dateObj)
  }

二、fixed定位问题

整个页面的fixed定位,在ios下下拉会触发下拉事件,但是没有动画效果。Android就能正常运行

flex中使用 绝对定位,ios出现严重错位,导致父级元素也会变成绝对定位,Android能达到理想效果

总而言之 尽量不用fixed

三、absolute定位问题

1.使用absolute定位,并且宽带设置了100% 并且设置了padding就会导致屏幕宽度溢出,出现页面左右可以移动的bug,模拟器上是没有问题,但是真机上是有这个问题的。这个问题让我调试并痛苦了许久

2.使用absolute并且当前元素是flex容器这种情况在Ios下面布局不会起到左右,会出现所有元素转换成了absloute并且文字错位

3.总而言之 尽量不用 absolute

四、 word-spacing在button中的问题

有时候在使用大按钮的时候两个字中间希望有段间距,但是目前没有找到能使用的占位符,所以使用了的word-spacing加空格 这个方法来设置文字的间距,但是在iPhone6s 上两个字中间一个空格的时候整体会向右偏,必须设置两个空格才正常!

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
JQuery.uploadify 上传文件插件的使用详解 for ASP.NET
Jan 22 Javascript
jQuery父级以及同级元素查找介绍
Sep 04 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
Oct 24 Javascript
jQuery获取标签文本内容和html内容的方法
Mar 27 Javascript
javascript最基本的函数汇总
Jun 25 Javascript
JS获取子窗口中返回的数据实现方法
May 28 Javascript
javascript弹出窗口中增加确定取消按钮
Jun 24 Javascript
jQuery基于ajax实现页面加载后检查用户登录状态的方法
Feb 10 Javascript
Angularjs+bootstrap+table多选(全选)支持单击行选中实现编辑、删除功能
Mar 27 Javascript
vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能
Mar 01 Javascript
小程序自定义模板实现吸顶功能
Jan 08 Javascript
简单了解JavaScript arguement原理及作用
May 28 Javascript
Thinkphp5微信小程序获取用户信息接口的实例详解
Sep 26 #Javascript
微信小程序url与token设置详解
Sep 26 #Javascript
微信小程序之滚动视图容器的实现方法
Sep 26 #Javascript
微信小程序开发之好友列表字母列表跳转对应位置
Sep 26 #Javascript
深入理解Vuex 模块化(module)
Sep 26 #Javascript
JavaScript实现的仿新浪微博原生态输入字数即时检查功能【兼容IE6】
Sep 26 #Javascript
JavaScript实现离开页面前提示功能【附jQuery实现方法】
Sep 26 #jQuery
You might like
php操作mysqli(示例代码)
2013/10/28 PHP
php curl常用的5个经典例子
2017/01/20 PHP
thinkPHP3.2.2框架行为扩展及demo示例
2018/06/19 PHP
在线游戏大家来找茬II
2006/09/30 Javascript
让JavaScript 轻松支持函数重载 (Part 1 - 设计)
2009/08/04 Javascript
cookie 最近浏览记录(中文escape转码)具体实现
2013/06/08 Javascript
JavaScript:Div层拖动效果实例代码
2013/08/06 Javascript
js中的getAttribute方法使用示例
2014/08/01 Javascript
JavaScript节点及列表操作实例小结
2015/08/05 Javascript
尝试动手制作javascript放大镜效果
2015/12/25 Javascript
JSON与String互转的实现方法(Javascript)
2016/09/27 Javascript
运用jQuery写的验证表单(实例讲解)
2017/07/06 jQuery
Vuejs 页面的区域化与组件封装的实现
2017/09/11 Javascript
vue中使用refs定位dom出现undefined的解决方法
2017/12/21 Javascript
微信小程序实现签到功能
2018/10/31 Javascript
layui表格分页 记录勾选的实例
2019/09/02 Javascript
Python中使用第三方库xlutils来追加写入Excel文件示例
2015/04/05 Python
Python中对象迭代与反迭代的技巧总结
2016/09/17 Python
python数据类型判断type与isinstance的区别实例解析
2017/10/31 Python
python机器学习理论与实战(一)K近邻法
2021/01/28 Python
Python爬虫工程师面试问题总结
2018/03/22 Python
python 列表,数组,矩阵两两转换tolist()的实例
2018/04/04 Python
python 脚本生成随机 字母 + 数字密码功能
2018/05/26 Python
Python3.5面向对象程序设计之类的继承和多态详解
2019/04/24 Python
Python如何获取Win7,Win10系统缩放大小
2020/01/10 Python
澳大利亚最大的百货公司:Myer
2018/12/21 全球购物
大唐电信科技股份有限公司java工程师面试经历
2016/12/09 面试题
Prototype中如何为一个元素添加一个方法
2014/12/08 面试题
教你怎样写好自我评价
2013/10/05 职场文书
理工科学生的自我评价
2013/12/15 职场文书
小学英语教学反思
2014/01/30 职场文书
机械专业毕业生自我鉴定2014
2014/10/04 职场文书
人大代表选举标语
2014/10/07 职场文书
小学总务工作总结
2015/08/13 职场文书
win11系统中dhcp服务异常什么意思? Win11 DHCP服务异常修复方法
2022/04/08 数码科技
SQL Server使用PIVOT与unPIVOT实现行列转换
2022/05/25 SQL Server