Uni app conditional compilation ifdef ENDIF compatible with multiple terminals

On a project , When requesting data interface eval Function in H5 and APP The end can be rendered , But the page reports an error when running the applet . Then change JSON.parse() Method , I also found that small programs can be rendered , but H5 and APP The end is wrong again . The result is a search on the Internet , Finally, a solution was found , Cross end compatibility , It is the conditional compilation that we will talk about next .
Conditional compilation is actually if Judge , With #ifdef or #ifndef Add %PLATFORM% start , With #endif ending . Personally, this is uniapp Put your own js Encapsulate into the framework , Just follow uni-app Standardized development can ensure multi platform compatibility . Just mark with special comments , Compile according to these special comments , Compile the code in the comments to different platforms .

Conditional compilation is implemented with annotations , There are different ways to write notes in different grammars ,js Use // notes 、 css Use / notes / **、 vue/nvue Use... In the template <!– notes – >
js Use ：

// #ifdef APP-PLUS
	this.swiperList = JSON.parse(res.data).postss;
	// #endif

vue Page usage ：

<!-- #ifdef APP-PLUS -->
	<view :style="{ height: iStatusBarHeight + 'px'}" class="stat"></view>
<!-- #endif -->

css Use ：

/*  #ifdef APP-PLUS */
width: 60rpx;
height: 60rpx;
/*  #endif */

Sometimes, because of requirements, only some code exists on some two platforms . Then use this || , Out-of-service &&, Because there is no intersection . The code example is shown below ：

<!-- #ifdef H5 || MP-WEIXIN -->
	<view :style="{ height: iStatusBarHeight + 'px'}" class="stat"></view>
<!-- #endif -->
<!-- #ifdef APP-PLUS || MP-WEIXIN -->
	<view :style="{ height: iStatusBarHeight + 'px'}" class="stat"></view>
<!-- #endif -->
<!-- #ifdef H5 || APP-PLUS -->
	<view :style="{ height: iStatusBarHeight + 'px'}" class="stat"></view>
<!-- #endif -->

swiper() {
    
				uni.request({
    
					url: 'https://www.fastmock.site/mock/745d/shop/api/swiper',
					method: 'GET',
					dataType: 'JSON',
					data: {
    
						text: 'uni.request'
					},
					header: {
    
						'content-type': 'application/x-www-form-urlencoded'
					},
					success: (res) => {
    
						console.log(res.data);
						// #ifdef APP-PLUS || H5 
							this.swiperList = res.data.postss;
						// #endif
						
						// #ifdef MP-WEIXIN
							this.swiperList = JSON.parse(res.data).postss;
						// #endif
					}
				});
			},

The above is how to use conditional compilation , It's just personal understanding , Take a note . If there is any deficiency , A lot of correct .