- 低版本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 的默认样式,点击时的边框高亮,输入框区域高亮闪,以及默认的上下箭头;
未完待续