uniapp 和 HTML5 区别

2022-05-26 15:23:54 浏览数 (1)

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。这样便于更新、保证核心功能的交互体验。

源码附件已经打包好上传到百度云了,大家自行下载即可~

代码语言:javascript复制
链接: https://pan.baidu.com/s/14G-bpVthImHD4eosZUNSFA?pwd=yu27
提取码: yu27

百度云链接不稳定,随时可能会失效,大家抓紧保存哈。

如果百度云链接失效了的话,请留言告诉我,我看到后会及时更新~

开源地址

码云地址: http://github.crmeb.net/u/defu

Github 地址: http://github.crmeb.net/u/defu

本文转载自:https://www.php.cn/uni-app/465873.html

0 人点赞