uni-app的条件编译跨端兼容

uni-app的条件编译跨端兼容

  • 为什么要进行跨端兼容?
  • 通过条件编译进行跨端兼容

为什么要进行跨端兼容?

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

但每个平台有自己的一些特性,因此会存在一些无法跨平台的情况。

大量写 if else,会造成代码执行性能低下和管理混乱。
编译到不同的工程后二次修改,会让后续升级变的很麻烦。

通过条件编译进行跨端兼容

写法:以 #ifdef 或 #ifndef 加 %PLATFORM% 开头,以 #endif 结尾。

  • #ifdef:if defined 仅在某平台存在
  • #ifndef:if not defined 除了某平台均存在
  • %PLATFORM%:平台名称

这里以微信小程序端和H5 端为例:

  1. 展示端:template
    uni-app的条件编译跨端兼容_第1张图片

  2. 样式端:style
    uni-app的条件编译跨端兼容_第2张图片

  3. 逻辑端:script
    uni-app的条件编译跨端兼容_第3张图片
    更多详情访问官网:跨端兼容

你可能感兴趣的:(笔记,uni-app,前端,小程序,vue.js)