UniApp与HTML5的区别及应用场景分析！

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