微信小程序中遇到的iOS兼容性问题小结


Posted in Javascript onNovember 14, 2018

前言

随着小程序的热度不减,更多的电商大佬来时使用小程序,在微信小程序开发中,经常会遇到一些兼容性的问题,下面这篇文章就记录下在微信小程序中遇到的一些兼容性问题,iOS兼容性

1.iOS中input的placeholder属性字体不居中

  • 对placeholder设置line-height及font-size
  • 对input设置高度

2.iOS中滚动卡顿

  • 设置-webkit-overflow-scrolling:touch;

3.微信小程序中解决iOS中new Date() 时间格式不兼容

在实现倒计时,根据后台返回的时间格式转换时,后台返回了时间格式为”2018-11-12 11:12:11”,然后利用new Date() 转换时,ios中无法展示,安卓中显示正常

let time = '2018-12-10 11:11:11';
let temporaryTime1 = new Date(time);
this.setData({
 timeRemain1: temporaryTime1,
})
/* 利用正则表达式替换时间中的”-”为”/”即可 */
let time = '2018-12-10 11:11:11';
let temporaryTime = new Date(time.replace(/-/g,'/'));
let temporaryTime1 = new Date(time);
this.setData({
 timeRemain: temporaryTime,
 timeRemain1: temporaryTime1,
 })

4. 微信小程序scroll-view隐藏滚动条方法

在wxss里加入以下代码:

::-webkit-scrollbar{
width: 0;
height: 0;
color: transparent;
}

暂时遇到的兼容性就是这么多,会持续更新

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
JS 动态加载脚本的4种方法
May 05 Javascript
Bookmarklet实现启动jQuery(模仿 云输入法)
Sep 15 Javascript
通过pjax实现无刷新翻页(兼容新版jquery)
Jan 31 Javascript
javascript正则表达式使用replace()替换手机号的方法
Jan 19 Javascript
JS实现合并两个数组并去除重复项只留一个的方法
Dec 17 Javascript
快速解决Canvas.toDataURL 图片跨域的问题
May 10 Javascript
jquery树形菜单效果的简单实例
Jun 06 Javascript
JS+CSS实现下拉刷新/上拉加载插件
Mar 31 Javascript
jQuery Ajax向服务端传递数组参数值的实例代码
Sep 03 jQuery
VUE实现一个分页组件的示例
Sep 13 Javascript
Vue数字输入框组件使用方法详解
Feb 10 Javascript
JS实现简单打字测试
Jun 24 Javascript
javascript中一些奇葩的日期换算方法总结
Nov 14 #Javascript
element vue Array数组和Map对象的添加与删除操作
Nov 14 #Javascript
ES6 fetch函数与后台交互实现
Nov 14 #Javascript
vue-cli3全面配置详解
Nov 14 #Javascript
详解IOS微信上Vue单页面应用JSSDK签名失败解决方案
Nov 14 #Javascript
laydate时间日历插件使用方法详解
Nov 14 #Javascript
JQuery模拟实现网页中自定义鼠标右键菜单功能
Nov 14 #jQuery
You might like
十天学会php(3)
2006/10/09 PHP
PHP 七大优势分析
2009/06/23 PHP
Yii把CGridView文本框换成下拉框的方法
2014/12/03 PHP
javascript之对系统的toFixed()方法的修正
2007/05/08 Javascript
jQuery each()方法的使用方法
2010/03/18 Javascript
子页向父页传值示例
2013/11/27 Javascript
jQuery的DOM操作之删除节点示例
2014/01/03 Javascript
js制作简易年历完整实例
2015/01/28 Javascript
jQuery实现连续动画效果实例分析
2015/10/09 Javascript
JS中使用DOM来控制HTML元素
2016/07/31 Javascript
AngularJS 中的Promise --- $q服务详解
2016/09/14 Javascript
使用Nodejs连接mongodb数据库的实现代码
2017/08/21 NodeJs
解决linux下node.js全局模块找不到的问题
2018/05/15 Javascript
Node.js模块全局安装路径配置方法
2018/05/17 Javascript
如何通过JS实现转码与解码
2020/02/21 Javascript
js函数柯里化的方法和作用实例分析
2020/04/11 Javascript
VUE中V-IF条件判断改变元素的样式操作
2020/08/09 Javascript
[03:08]Ti4观战指南上
2014/07/07 DOTA
[01:45]DOTA2新英雄“神谕者”全方位展示
2014/11/21 DOTA
[02:32]DOTA2完美大师赛场馆静安体育中心观赛全攻略
2017/11/08 DOTA
python实现图片批量剪切示例
2014/03/25 Python
python输出当前目录下index.html文件路径的方法
2015/04/28 Python
tensorflow 用矩阵运算替换for循环 用tf.tile而不写for的方法
2018/07/27 Python
python 堆和优先队列的使用详解
2019/03/05 Python
Python 实现使用空值进行赋值 None
2020/03/12 Python
windows下python 3.9 Numpy scipy和matlabplot的安装教程详解
2020/11/28 Python
python代码实现图书管理系统
2020/11/30 Python
python 基于DDT实现数据驱动测试
2021/02/18 Python
一款利用纯css3实现的超炫3D表单的实例教程
2014/12/01 HTML / CSS
英国最大的自有市场,比亚马逊便宜:Flubit
2019/03/19 全球购物
Opodo意大利:欧洲市场上领先的在线旅行社
2019/10/24 全球购物
实习自我鉴定
2013/12/15 职场文书
中专毕业生自我鉴定
2014/02/02 职场文书
甜品蛋糕店创业计划书范文
2014/02/06 职场文书
幼儿园元旦亲子活动方案
2014/02/17 职场文书
win10壁纸在哪个文件夹 win10桌面背景图片文件位置分享
2022/08/05 数码科技