uni-app (3) : 继续

继续在框架简介中学习：

配置基本了解后，在uni-app 中还有很多实用的功能，下面接着文档学习。

条件编译：判断不同平台和项目类型判断

一种是编译器判断：也就是说系统在打包过程中会根据代码中编译的条件和最终打包的平台进行不同的编译，编译后的代码只包涵目标平台

// #ifdef H5
    alert("只有h5平台才有alert方法")
// #endif

另一种是运行时编译：在runtime的时候进行判断具体的平台

switch(uni.getSystemInfoSync().platform){
    case ‘android‘:
       console.log(‘运行Android上‘)
       break;
    case ‘ios‘:
       console.log(‘运行iOS上‘)
       break;
    default:
       console.log(‘运行在开发者工具上‘)
       break;
}

关于环境判断：在实际开放过程中一般为dev环境，在生产环境下一般为pro模式，很多语言都支持或者说很多框架也都有相关的配置和判断，比如spring

node中同样有这个功能，可以获取和设置当前运行环境变量，uni-app 依赖与node，并且进行了预设值

关于页面布局：

单位：单位这个东西很烦，在html情况下我们一般使用rem作为尺寸单位，另外还有vh与vw，uni-app 提供了一个尺寸单位rpx，这个单位是预设值的值，会对不同尺寸的机型进行匹配，计算方式如下

也就是说，如果你的设计稿是750宽的，那么恭喜你，把量图的px换成rpx就行了，不明白看上面那个公式，因为比例的相同的，其实与rem计算都差不多，关于rem 之前有做记录，感兴趣的去看看。

先到这。

uni-app (3) : 继续

原文：https://www.cnblogs.com/jony-it/p/11323792.html