uniapp 和 HTML5 区别

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

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

链接: 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