前些时候刚制作了原生的H5电商系统，从控制板、界面、界面样式、jQuery等开始写，耗费了很多的时间很精力。之后制作移动端APP和小程序，应用如今较为流行的uniapp混合制作模式，开始学习要些时间，但是越写越喜爱，越写越容易。伴随着APP、小程序功能的提升，从此没法再原生H5版本上重新写一次了。可以直接uniapp生成，调兼容模式，十分的便捷。接下来共享使用uniapp制作H5的一些体验吧。

如今APP、微信小程序、头条小程序等兴起了，H5商城逐渐衰落了，除开微信公众号和一些用不到APP且微信受限制等要素迫不得已选用H5外，应用场景还确实较为少了。但有的时候又迫不得已有，较为鸡肋。uniapp制作H5有一些纯天然优势，用上uniapp还真没过大必要性去写原生的H5版了。

Uni版制作的主要优势

多端功能数据同步。整套源码生成多端，iOS、Android、H5、微信小程序、头条小程序等用户端，完成多端功能数据同步。自然也要测试不一样场景的兼容问题，例如说付款、账号登录、共享等接口在各端的兼容和支持情况，和一些连接配置和导航条等显示的兼容问题。

双重数据绑定，异步更新。Vue应用MVVM模式，数据双重绑定，降低了DOM操作，完全放弃了传统前端制作应用jquery操作文档的模式，将更多的精力放到数据和领域模型上。

标签简化，布局更为容易。Uni制作应用view标签代替了html中传统的div、p、span等标签，由繁化简。应用flex布局代替了css中的定位和浮动，对浏览器的兼容模式更为友好。

丰富的组件选用。Uniapp有较多的原生组件，比如提示框、地域选用、日期选用等原生组件，启用时传参给组件就可以，十分便捷。也能够自己制作组件，多界面重复应用。与此同时DCloud平台也是有十分多优秀的制作者，共享各种优秀的组件。组件的应用使得制作变得容易便捷。

应用最新的Vue.js库。Vue.js是十分轻巧、性能卓越的库，有着极其容易上手的API，积极响应和运作十分快速。