移动端常见问题汇总(持续更新中)

一.列表滑动问题
1.1:height:100%-如果父级元素给定的高度没有超过当前垂直视口的时候,即使当前dom的垂直内容高度超过当前视口高度,也是不会出现滚动条
1.2:overflow:hidden-溢出隐藏也会造成列表滚动无效

二:.ios端可能会出现在div,p,span标签上定义的click事件不生效.
2.1:将以上标签换成a标签或者button
2.2;给上述dom添加样式cursor:pointer

三.ios端z-index不生效问题(-webkit-overflow-scrolling:touch---此属性的意义是使ios列表滑动流畅一点)
3.1:-webkit-overflow-scrolling:touch改为-webkit-overflow-scrolling:unset

四.loading加载问题
4.1:将各个模块中的loading控制标识改成各个模块唯一标识的控制符
4.2:在拦截器中加监听,能够监听到控制符变化就可以控制loading状态

    this.configService.emitBoolean(true);
    return next.handle(authReq).pipe(
      // finalize(() => this.configService.emitBoolean(false)),
      finalize(() =>this.ngZone.run(()=>this.configService.emitBoolean(false)) ),
      map((res: any) => {
        if (res.body && !res.body.success && res.body.code !== 20201018 ) {
          this.setMessage(res.body.code, res.body.message);
        }
        return res;
      }),

五.解决safari布局抖动的例子
六.ios手机无法识别带横杆的时间格式的解决方法
6.1：正则替换

return Date.parse(dates.replace(/-/g,'/')) - Date.parse(dates.replace(/-/g,'/'))

6.2：采用moment第三方库格式化将横杠转化为斜杠

return moment(dates).format('YYYY/MM/DD')