uni-app 和传统PC端页面最大区别

632 阅读1分钟

「这是我参与11月更文挑战的第1天,活动详情查看:2021最后一次更文挑战

官方释义: uni-app 是一个使用vue的语法 + 微信小程序的标签和API的跨平台前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台,几乎覆盖所有流量端。

哇那么强大,是不是学习成本太高了?! 别怕只要你使用过vue,开发中稍微注意下标签得转换,和一些条件编译,基本上没大问题。

废话不多说,首先一定要注意得是,在uni-app中要再用div、p、span标签啥的,我们用view替换div,用text替换span,用navigator替代a标签等等。 还要注意一点,text标签中不能嵌套其它标签,自己也不行 错误写法: <text><image></image></text>,<text><text></text></text> (所以抽空好好了解下flex布局)

既然一套代码打包到不同平台,那么必然会出现差异性,这时候条件编译就至关重要了,

// #ifdef %PLATFORM%

平台特有的API实现

// #endif 如图:

image.png

/* #ifdef %PLATFORM% */

平台特有的样式

/* #endif */

如图:

image.png

当然不能说你知道这两点就可以开发无阻,那头发也不会愈发珍贵了🤭 他有自己指定得API,还有一些组件,开发过程中还是要多看看它的官方文档。 uniapp.dcloud.io/collocation…