uniapp的多端兼容是怎么做的

uni-app实现多端兼容的原理是，将常用的组件、JS API 封装到框架中，开发者按照 uni-app 规范开发即可保证多平台兼容，大部分业务均可直接满足。

虽然每个平台有自己的一些特性，会存在一些无法跨平台的情况。但是可以通过条件编译来解决，用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。这样，就不会在其它平台产生多余的资源，进而减小包体积。

uni-app 实现多端兼容的具体方式因平台而异，但一般来说，它们都采用了条件编译和组件化的方式来实现。

在HTML代码中，可以通过使用“#ifdef”和“#endif”标签来区分不同平台的代码。例如：

html复制代码
	<!-- #ifdef H5 -->  

	<h5>H5平台特有的代码</h5>  

	<!-- #endif -->  

	  

	<!-- #ifdef APP-PLUS -->  

	<app-plus>APP平台特有的代码</app-plus>  

	<!-- #endif -->

在JavaScript代码中，也可以使用类似的方式来进行条件编译。例如：

javascript复制代码
	// #ifdef APP-PLUS 需要条件编译的APP平台代码  

	if (condition) {  

	  //APP平台特有的代码  

	}  

	// #endif   

	  

	// #ifdef H5 || MP-WEIXIN 需要条件编译的H5平台或者微信小程序平台代码  

	if (condition) {  

	  //H5平台或者微信小程序平台特有的代码  

	}  

	// #endif

此外，uni-app还提供了许多预编译的组件和API，例如uni-app内置了小程序的基础组件、API等，开发者可以直接使用这些组件和API，而不需要自己编写底层代码。这些组件和API也是uni-app实现多端兼容的重要手段之一。

总之，uni-app实现多端兼容的核心思想是采用条件编译和组件化的方式，根据不同平台的特性进行适配和优化，使得同一份代码可以运行在多个不同的平台上。