uniapp和h5的区别(uniapp开发的h5和普通的h5)

lxf2023-05-03 14:37:01

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

uniapp和h5的区别(uniapp开发的h5和普通的h5)

本教程操作环境: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的开发体验是一致的。

1、标签的差异

二、组件的差异

三、JS的变化

四、主要区别

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

五、共同点

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

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

六、APP应用架构

uni-应用程序可以编译和包装成Web应用程序。为什么很多人要使用原始应用程序外壳?这不是为了增加负担吗?事实上,这是由项目中的需求决定的。首先,使用uni应用程序开发H5端。暂时,uni应用程序无法实现目标,然后使用原始应用程序进行交互,以满足特定的需求。

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

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

(2)WebApp

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

5、混合APP

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

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

6、总结

本地APP倾向于交互,注重用户体验;Web 应用程序倾向于简单地与浏览器交互,用于信息显示。有些功能需要访问硬件,则使用本地应用程序。

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

以上是uniapp和HTML5区别的详细内容,更多请关注AdminJS的其他相关文章!