什么是Uni-App 它和 H5+App 有什么区别?
uni-app 是dcloud 2018 下半年推出的一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、微信小程序等多个平台。uni-app 官网
uni-app 是引用和改造了美团 的 mpvue 小程序开发框架项目,mpvue 官方文档
Uni-App 和 H5+App 区别:
Uni-App | H5+App |
---|---|
1.uni-app 是为了兼容小程序开发而诞生的,并且它还可以生成Android 和 IOS 客户端, 需要适当修改。 2.uni-app 是一个受限制的开发模式,只能在规定的模式下开发小程序和APP。 3. uni-app 的布局方式采用的跟微信小程序一样类似, <template> <view class="index"></view> </template> 4. uni-app 使用 vue.js 框架 不支持 HTML,不支持 BOM/DOM 操作 不支持部分复杂的 JavaScript 渲染表达式. 实质 uni-app 是从h5+app 衍生出来的 5. uni-app已经支持离线打包。 6.开发工具: HBuilder x | 1. h5+app 是一个种网页和原生APP混合的开发模式,支持一套代码生成 Android 和 IOS 应用, 需要适当修改。 2.h5+app,是一个任你发挥的开发方式,只要你会前端开发,页面任你来,所有原生APP的API功能任你调用。 3. 布局方式是传统的: HTML+DIV+CSS <DIV></DIV> 4. 可以自由选择开发的框架,包括vue.js 都可以 5.支持离线打包应用 6. 开发工具: HBuilder 或 HBuilder x |
那么开发的时候,是选 Uni-App 还是 H5+APP 呢?
1. 根据自身需求,如果是想开发小程序的,顺便可以生成android 和 IOS 应用的,可以选择uni-app模式,这时开发小程序转成的APP,功能是有限制,无法自由给你扩展一些额外的功能。
2. 如果你之前开发过 微信小程序,了解过且使用vue.js的,并且对APP功能要求不高的 也可以考虑 uni-app。
3. Uni-App 推出时间过短,短短几个月时间,还有很多坑要踩,还不够成熟,新手入门,还是有点蒙。
4. h5+app混合开发模式,已经走过好几年时间了,坑也给前面的人踩得差不多了
5. 传统HTML+DIV+CSS 布局,已经很成熟悉,网上可以找到很多资料,mui 的APP移动框架开发,网上也有很多相关资料查询到
6.如果你只是想开发APP, 建议使用H5+APP开发模式,网页加原生APP的模式,后期扩展第三方SDK也更方便。
7.你喜欢HTML+DIV+CSS的模式,可以选 H5+APP
加载更多