Uni-App 与 H5+App区别

发布于 2024-01-26  201 次阅读


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 的布局方式采用的跟微信小程序一样类似, 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
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


一沙一世界,一花一天堂。君掌盛无边,刹那成永恒。