uni-app常见知识点

1.小程序顶部和底部安全区（css方式）

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

2.小程序中模拟dom查询

onMounted(() => {
const query = uni.createSelectorQuery().in(getCurrentInstance());
query.select('.span').boundingClientRect((res) => {
        console.log(res, 'res111');
});
query.exec();
});

3.vue3开发小程序

import { onShow } from '@dcloudio/uni-app'

4.条件编译

// 样式中的条件注释 // 模版中的条件注释