h5 在ios端常见bug

记录一些h5页面在ios端呢遇见的bug

ios上日期问题

在ios上 日期不能识别 "2018- 09 - 09"这样格式的识别不了,所以需要转换一下

  const data1 = '2018- 09 - 09'
  function clear(str) {
    str = str.replace(/-/g, "/");//取消字符串中出现的所有逗号
    str = str.replace(/\s/g, "") //去掉字符串内出现的所有空格
    return str;
  }
  console.log(clear(data1)) //结果 2018/09/09

ios去除默认样式

ios端有默认样式,会对自定的的样式产生影响

(1).input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 
  这里的-webkit-appearance: none; 意思是 样式可以自定义
(2).另外行高问题：(加上-webkit-前缀)
   line-height:30px; -webkit-line-height:1;
(3).圆角问题（加上-webkit-前缀）
   -webkit-border-radius:3px;border-radius:3px;
(4).网页安全色（都用rgb格式）
   background-color:rgb(255,255,255); background:rgb(255,102,102); color:rgb(255,255,255);

未完,待续