前端开发问题点

301 阅读1分钟

1.问题:ios-h5页面滑动卡顿 方法:

-webkit-overflow-scrolling: touch;

overflow-y: auto

setScrollViewBounce 有冲突,setScrollViewBounce 是ios 禁止scrollView弹性效果的底层原生方法,两者只能其一

2.vue3.0+watch

在setup里面,如果是正常定义变量,则在watch里面是没法监听修改渲染的

type=ref()

let type = ''

watch (
  () => props.menuType, (val, oldval) => {
        type = val // 没法更新组件
        type.value = val // 响应式更改
      },
      {
        immediate: true, // 是否从基数监听
        deep: true // 深层监听
    }
  )

3.H5在刘海屏问题

通栏的情况下: 方案1 image.png

    padding-top: constant(safe-area-inset-top);

    padding-top: env(safe-area-inset-top);

    padding-bottom: constant(safe-area-inset-bottom);

    padding-bottom: env(safe-area-inset-bottom);

    padding-left: constant(safe-area-inset-left);

    padding-left: env(safe-area-inset-left);

    padding-right: constant(safe-area-inset-right);

    padding-right: env(safe-area-inset-right)

方案2 padding-top: Max(60px, var(--safe-area-inset-top));

padding-top: Max(60px, var(--safe-area-inset-top));