在ios中fixed定位元素丢失，Date兼容NaN

Aphorism

Preface

差不多有半年没有更新blog了，现在在新的公司适应了，最近喜得一千金，也慢慢适应了新的生活。

今天更新一篇关于最近遇到的 ios fixed定位元素丢失 bug

iphonex 上 Date 兼容问

一. fixed问题现象

手机环境： ios 11.0.3

预期的展示效果：图片显示完成，添加作业按钮正常 fixed定位
实际展示效果：图片显示不全，且fixed 定位元素消失了
如下图，添加作业按钮（fixed定位）对应的父元素 高度没有撑开全屏， 这就是产生bug 的原因

4. 解决方案：
直接让fixed定位元素的父元素高度撑开即可，我当前的场景是撑开父级元素，没有测试是不是只要有dom元素沾满全屏即可

二、 iphonex 上 Date 兼容问题

手机环境： iphonex+

现象
因为已经百度解决了，所以没有错误图。
问题描述：在通过 dateString 转换成 Date 实例对象时候产生了bug，具体抓换结果不知道，程序运行完，展示 NaN…
解决方案：
在使用形如 yyyy-MM-dd HH:mm:ss dateString 通过 Date 函数转换的时候，使用 slash （斜杠）代替 dash (横杠）如下代码：

dateString.replace(/-/g, ‘/’)

  methods: {formateValues (values) {const [year, month, date, hour, min] = values.map(value => value.replace(/[^\d]/g, ''))return new Date(`${year}-${month}-${date} ${hour}:${min}`.replace(/-/g, '/'))},}

在ios中fixed定位元素丢失，Date兼容NaN相关推荐

CSS fixed 定位元素失效的问题
一个示例考察下面的代码: <head><title>css filter issue</title><style> body { height: 20 ...
移动端ios使用fixed定位，偶现元素不显示问题（百度浏览器）
项目场景: 最近在做h5下载页,底部有一个下载按钮,平时遇到这种需求首先想到的就是position: fixed;,但是发现在ios手机上用百度浏览器打开以后,按钮会出现不显示想象,感觉很奇怪.微信浏 ...
IOS中GPS定位偏移纠正（适用于Google地图）
在这个神奇的国度里,我们总得学习一些有中国特色的东东,例如"火星坐标".也许有人还不知道这是什么玩意,我就简要介绍一下吧. 如果你有带GPS模块的智能手机,打开定位功能, ...
在iOS中求数组元素中最大数与最小数
之前求数组中某个数中的最大值与最小值.还真一个个比較,后来看到这种方法后,我就醉了 NSArray *testArray = [NSArray arrayWithObjects:@"-2.0 ...
详解网页设计中的定位与定位应用
定位一直是WEB标准应用中的难点,如果理不清楚定位那么可能应实现的效果实现不了,实现了的效果可能会走样.如果理清了定位的原理,那定位会让网页实现的更加完美. 定位的定义: 在CSS中关于定位的内容 ...
Ios开发之定位CLLocationManager
Ios中的定位功能是通过 Core Location框架实现的.它和地图开发框架是相互独立的.在Core Location中主要实现了定位和地理编码的功能! 下面我们就来介绍一下它的属性,方法和代理方 ...
WebDriver定位元素的方法
本文主要是讲解在web页面中如何定位元素,这是进行自动化操作的前提. 前言我们主要是要做web自动化,通常一个web页面上有输入框.按钮.文字链接.图片等元素,自动化测试要做的就是模拟鼠标和键盘来操 ...
fixed定位导致的问题
深入探究iOS下fixed定位导致的问题: https://segmentfault.com/a/1190000010510291#articleHeader 先做笔记,后期持续更新内容
js获取时间戳，IOS中不兼容
在IOS中要这样写new Date("2016/05/19 08:00"),该写法在安卓中也是支持的.另外,安卓中也可以这样写new Date("2016-05-19 0 ...

在ios中fixed定位元素丢失，Date兼容NaN

Aphorism

Preface

一. fixed问题现象

二、 iphonex 上 Date 兼容问题

在ios中fixed定位元素丢失，Date兼容NaN相关推荐

最新文章

热门文章