您的位置:首页 > 技术中心 > 前端框架 >

uniapp和HTML5区别

时间:2022-02-11 17:49

uniapp和HTML5区别:1、uniapp是一个使用Vue.js开发所有前端应用的框架,而HTML5是构建Web内容的一种语言描述方式;2、uniapp不支持dom操作,而H5端有dom对象;3、uniapp不支持过滤器等等。

本教程操作环境:windows7系统、uni-app2.5.1版本、thinkpad t480电脑。

推荐(免费):uni-app开发教程

uniapp是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。

HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。HTML产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网应用的开发。

uniapp支持跨移动端开发,如果只做H5端,用uniapp其实和用vue开发没什么区别,vue能用的插件,uniapp也能用。

uniapp的性能问题主要集中在app端,做H5和VUE的开发体验是一致的。

一、标签的差异

二、组件的差异

三、JS的变化

四、主要区别

uniapp和h5主要区别在于uniapp不支持dom操作(H5端有dom对象)、不支持过滤器,这和微信小程序是一致的。

五、共同点

1、uniapp和h5共同的优点:一端多用,做单一品种比较不错,简单方便,小巧。

2、uniapp和h5共同的缺点:与原生相比性能上目前是不可跨越的鸿沟。

六、APP应用架构

uni-app本来就可以编译打包成为WebApp,为什么很多人还要用原生APP套壳呢?这不是增加负担么?其实,这是由于项目中的需求决定的,先使用uni-app开发H5端,暂时uni-app没有办法达到目标,再使用原生APP交互完成,达到特定需求。

1、开发方面

(1)原生APP

不同移动操作系统(iphone、ipad、Android)需要各自开发 。开发维护成本高、开发速度慢、APP上线审核流程复杂且慢。

(2)WebApp

因为运行在移动设备的浏览器上,所以只需要一个开发项目。开发成本低、开发速度快。

2、功能方面

(1)原生APP

可调用移动终端的硬件设备(麦克风、摄像头、短信、GPS、蓝牙),实现功能丰富。

(2)WebApp

类比电脑端的网页,更多的是页面展示类的APP。只能使用有限的移动硬件设备功能。

3、应用安装和版本控制方面

(1)原生APP

安装:应用商店|APP Store 下载,可以节约带宽成本、可以访问本地资源、缓存。

版本:用户自由选择是否更新版本。新旧版本均需维护,维护成本高

(2)WebApp

安装:通过移动设备上的浏览器访问,软件更新只需要更新服务器就好

版本:无需安装,节省移动终端的内存空间,所有用户同一个版本,版本更新速度方便,直接服务器更新数据即可,即时上线

4、加载速度方面

(1)原生APP

由“云服务器数据+应用客户端”构成,APP应有的所有UI元素、数据内容、逻辑框架均安装在移动终端上。访问时,只需要加载数据,应用页面框架无需下载,所以加载速度更快,页面响应更快。可线下使用。

(2)WebApp

打开一个页面,都需要重新加载页面的所有元素,访问速度受移动终端性能和网络环境的限制,导致加载速度慢,而且操作频繁容易卡死。

5、混合APP

优点:兼容多平台、顺利访问移动设备功能、应用商店下载(web应用套用原生应用的外壳)

缺点:用户体验不如原生,性能稍慢

6、总结

原生APP偏向于交互,注重用户体验;Web App偏向与浏览器简单的交互,用于信息展示。一些功能需要访问硬件,则使用原生APP。

现在流行的方法是将原生APP与Web App进行融合,核心功能使用原生APP,内容展示等辅助简单功能使用Web App。这样便于更新、保证核心功能的交互体验。

以上就是uniapp和HTML5区别的详细内容,更多请关注gxlsystem.com其它相关文章!

本类排行

今日推荐

热门手游