关于uni-app开发ui框架选择问题

关于uni-app开发ui框架选择问题

在开发前端时,为了减少UI设计的工作量,一般大家都会使用一些比较优秀的开源ui组件,例如bootstrap、element-ui、mui、vant-ui等。
介于这个惯性思维,刚刚接触uni-app多端开发框架时就碰了一鼻子灰。
今天摸索了一天,才发现uni-app为了跨多端牺牲了很多,导致很多优秀的非flex布局和有dom操作库的ui框架无法在app(Android、iOS)环境下运行。
这就导致无法完全依赖某一个前端框架,做多端开发,而dcloud官方提供的可选择ui太少,还好dcloud提供了条件编译功能,这就为适应各平台开发提供了更好的选择性。因此为了更好的开发uni-app实现多端,我的选择是使用多框架配合条件编译,在app和微信小程序端暂定选用vant-ui(找了半天只有这个同时适合app和微信小程序端),那么在H5端的选择就多了,但是按照我的习惯还是选用element-ui和bootstrap配合使用。但是其他小程序例如支付宝小程序,百度小程序等目前只能使用官方的ColorUI,当然ColorUI是可以通用的。
另外如果你在App侧使用nvue,也支持weex ui,以及graceUI weex版。
最后,请开发者务必牢记基础组件的作用,基础组件的性能是高于扩展组件的。
这和web开发不一样,web开发基本上不用基础组件,都是找一个ui库,全部组件都包含。
但uni-app体系不是这样,uni-ui库全部都是扩展组件,不含基础组件。

我们的建议是:开发时首先用基础组件,基础组件不满足的地方,再通过扩展组件补充。为了性能考虑,不要把整个项目全部都构建在某个ui框架下。

你可能感兴趣的:(uni-app开发学习)