移动端兼容性问题

移动端click事件300ms的延迟响应

    fastClick：fastClick的实现原理是在检测到touchend事件的时候，会通过dom自定义事件立即出发模拟一个click事件，并把浏览器在300ms之后的click事件阻止掉。

一些情况下对非可点击元素如(label,span)监听click事件，ios下不会触发

    css增加cursor:pointer

h5底部输入框被键盘遮挡问题

    监听window窗口变化做样式兼容处理$(window).resize(function(){})

安卓汉字不支持font-weight:100-900，数字英文支持

    解决办法：说服设计，哈

图片下是有大概3px的空白

    css增加display:block

使用rem时，div的height:3rem;line-height:1.5rem;overflow:hidden;时，在某些android手机上可能会出现显示不止两行。

    利用js获取文字line-height再去设置div高度

深入理解viewport

    建议查阅此博文

如何实现自适应

    viewport 、 rem 、 vw

android，border-radius:50%不圆

    使用了rem布局，在部分机型上出现的问题，设置具体的px数值，不用50%即可

ios日期转换NAN问题

    new Date(‘2022-02-02 00:00:00’)在ios中会为NAN，用new Date(‘2020/02/02 00:00:00’)的日期格式

浮层上进行滑动，浮层下面的页面也跟着滚动

    css增加overflow:hidden

ios底部安全区域兼容

    css增加padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);

canvas模糊问题

    建议查阅我的另一篇博文canvas入门（二）标签width与style:width的区别

使用url传参时，特殊字符无法识别？如"#"

    传参时,使用encodeURIComponent(url)转义，解析url用decodeURIComponent(url)

ios使用定位50%方案居中后增加transition改变left、top值动画表现不符合预期

     不使用50%居中方案。