微信小程序开发之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 相关文章推荐
ajax 同步请求和异步请求的差异分析
Jul 04 Javascript
jquery实现树形二级菜单实例代码
Nov 20 Javascript
特殊情况下如何获取span里面的值
May 20 Javascript
js实现滚动条滚动到页面底部继续加载
Dec 19 Javascript
数组Array的排序sort方法
Feb 17 Javascript
js仿微博动态栏功能
Feb 22 Javascript
利用js定义一个导航条菜单
Mar 14 Javascript
js操作二进制数据方法
Mar 03 Javascript
vue 本地环境跨域请求proxyTable的方法
Sep 19 Javascript
详解vue如何使用rules对表单字段进行校验
Oct 17 Javascript
vue-cli3+typescript新建一个项目的思路分析
Aug 06 Javascript
JS document对象简单用法完整示例
Jan 14 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
Session服务器配置指南与使用经验的深入解析
2013/06/17 PHP
php获取从html表单传递数组的方法
2015/03/20 PHP
Yii2中使用asset压缩js,css文件的方法
2016/11/24 PHP
php微信开发之关注事件
2018/06/14 PHP
php用户名的密码加密更安全的方法
2019/06/21 PHP
用javascript实现给出的盒子的序列是否可连为一矩型
2007/08/30 Javascript
关于B/S判断浏览器断开的问题讨论
2008/10/29 Javascript
document.getElementById为空或不是对象的解决方法
2010/01/24 Javascript
jQuery 菜单随滚条改为以定位方式(固定要浏览器顶部)
2012/05/24 Javascript
jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
2013/05/27 Javascript
在Ubuntu系统上安装Ghost博客平台的教程
2015/06/17 Javascript
浅析JavaScript访问对象属性和方法及区别
2015/11/16 Javascript
谈一谈jQuery核心架构设计
2016/03/28 Javascript
详解A标签中href=""的几种用法
2017/08/20 Javascript
vue resource post请求时遇到的坑
2017/10/19 Javascript
jQuery EasyUI window窗口使用实例代码
2017/12/25 jQuery
node 使用 async 控制并发的方法
2018/05/07 Javascript
ES6之Proxy的get方法详解
2019/10/11 Javascript
uni-app 组件里面获取元素宽高的实现
2019/12/27 Javascript
Vue实现摇一摇功能(兼容ios13.3以上)
2021/01/26 Vue.js
python实现简单的socket server实例
2015/04/29 Python
解析Python中的二进制位运算符
2015/05/13 Python
Python下载懒人图库JavaScript特效
2015/05/28 Python
栈和队列数据结构的基本概念及其相关的Python实现
2015/08/24 Python
Python面向对象总结及类与正则表达式详解
2019/04/18 Python
Python统计分析模块statistics用法示例
2019/09/06 Python
matplotlib更改窗口图标的方法示例
2021/02/03 Python
两种CSS3伪类选择器详细介绍
2013/12/24 HTML / CSS
HTML5 解决苹果手机不能自动播放音乐问题
2017/12/27 HTML / CSS
美国流行背包品牌:JanSport(杰斯伯)
2018/03/02 全球购物
Chi Chi London官网:购买连衣裙和礼服
2020/10/25 全球购物
新学期国旗下演讲稿
2014/05/08 职场文书
2014年法院个人工作总结
2014/12/17 职场文书
农村党支部承诺书
2015/04/30 职场文书
致短跑运动员加油稿
2015/07/21 职场文书
Redis官方可视化工具RedisInsight安装使用教程
2022/04/19 Redis