2018年8月工作总结

• 低版本iphone中，url传参问题
• 优化iOS上点击input textarea select 时，该区域有阴影
• iOS中 box-shadow失效
• 低版本iPhone中，日期转时间戳报错 
• h5页面中使用css3实现导航横向的滑动
• html5 input 中maxlength的问题  
• html5 meta使用 user-scalable
• h5页面中使用input date日期类型 去掉默认样式
•  
• js时间戳转日期格式，日期格式转时间戳
• 设置input type=date 设置默认时间
• date.parse() 与 getTime() 使用
• toLocaleDateString() 方法使用
•  
• vue watch监听 中使用this的问题
• v-if 和 v-show的区别
• 数组 删除方法的使用 splice

   以上是我这个月工作中遇到的问题汇总，由此可见对于日期对象的掌握差太多，很多问题也都是JavaScript的基础不好造成的，还有这个月公司项目的小程序是改版，小程序登录后使用webview组件跳转到h5页面，造成的问题是很多效果有问题，以及页面白屏等问题出现在低版本ios中；清除小程序中h5页面在低版本iOS中的缓存也是个问题，在微信小程序社区中也有很多人遇到同样的问题，有人也给出了一些解决方法，但是效果并不尽如人意；

低版本iphone中，url传参问题

 这里要使用编码方法encodeURI()和解码方法decodeURI();

在小程序中跳转到h5页面时，要对传参进行编码，不管是中文，还是其他数据类型，都要编码，否则在会造成iOSh5页面白屏，通常只用对中文编码即可，可是在低版本中参数若不都编码会有问题；由于学艺不精，我之前的代码是将每个参数分别使用encodeURI(params)进行编码，其实可以对整个url进行编码；

在我写到这里时，突然想到还有一个编码方法是encodeURIComponent()，那它是有什么区别使用呢？

简而言之就是，使用编码方式，是因为有一些url中的字符是浏览器不能识别的，所以要编码，使用encodeRUI;

当我们要把url作为参数传给服务器时，有点字符使用服务器不能识别的，因此要使用encodeURIComponent()；

 

优化iOS上点击input textarea select 时，该区域有阴影闪现

-webkit-tap-highlight-color 是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。

当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时，覆盖显示的高亮颜色。

该属性可以只设置透明度。如果未设置透明度，iOS Safari使用默认的透明度。当透明度设为0，则会禁用此属性；当透明度设为1，元素在点击时不可见;

-webkit-top-highlight-color: rgba(0.0.0.0);    设置即可

 

iOS中 box-shadow失效

ios系统会默认使用自己的系统样式，从box-shadow,以及checkbox.圆角问题，都是系统默认使用的样式；

-webkit-appearance: none;

 

低版本iPhone中，转时间戳方法报错

在IOS5以上版本（不包含IOS5）中的Safari浏览器能正确解释出Javascript中的 new Date('2013-10-21') 的日期对象。需要将日期对象中的-替换为/;代码如下；

 

h5页面中使用css3实现导航横向的滑动

 （带详细记录）

 

html5 input 中maxlength的问题  

input type='text' 或 type=‘password’ 时 maxlength 时起作用的；其他类型无用，那如果type='number'时呢？

<input type="number" name="example" οninput="if(value.length>5)value=value.slice(0,5)">

当使用type=‘number’时，输入框会出现默认的上下箭头，去除它也很容易，代码如下：

这样会清除掉input 的默认样式，点击时的边框高亮，输入框区域高亮闪，以及默认的上下箭头；

未完待续