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

Aphorism

Preface

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

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

iphonex 上 Date 兼容问

一. fixed问题现象

手机环境： ios 11.0.3

1. 预期的展示效果： 图片显示完成，添加作业按钮正常 fixed定位
   

2. 实际展示效果： 图片显示不全，且fixed 定位元素消失了
   

3. 如下图，添加作业按钮（fixed定位）对应的父元素 高度没有撑开全屏， 这就是 产生bug 的原因

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

二、 iphonex 上 Date 兼容问题

手机环境： iphonex+

1. 现象
   因为已经百度解决了，所以没有错误图。
   问题描述： 在 通过 dateString 转换成 Date 实例对象时候 产生了bug，具体抓换结果不知道，程序运行完，展示 NaN…

2. 解决方案：
   在使用形如 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, '/'))
    },
    }