uni-app
是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。
快速体验
一套代码编到7个平台,难以置信吗?依次扫描7个二维码,亲自体验最全面的跨平台效果!
注:Appstore、百度、头条平台不能提交简单demo,故iOS、百度小程序、头条小程序版补充了一些其他功能。
为什么要选择uni-app?
uni-app
在跨端数量、扩展能力、性能体验、周边生态、学习成本、开发成本等6大关键指标上拥有极强的竞争优势。
跨端数量多
- 一套代码,可发布到 IOS、Android、小程序、H5 等多个平台
平台能力不受限
- 在跨端的同时,通过条件编译+平台特有 API 调用,可以优雅的为某平台写个性化代码,调用转悠能力而不影响其他平台
- 支持原生代码混写和原生 sdk 集成
性能体验优秀
- 体验更好的 Hybrid 框架,加载新页面速度更快
- App 端支持 weex 原生渲染 ,可支撑更流畅的用户体验
- 小程序端的性能优于市面其他框架
周边生态丰富
- 支持 NPM 包管理,兼容微信小程序自定义组件及 JS SDK ,支持 mpvue 项目及组件
- 相当于微信小程序生态中丰富的三方 sdk 可直接用于跨平台开发
学习成本低
- 基于通用前端技术栈,采用 vue 语法 + 微信小程序 api,无额外学习成本
开发成本低
- 人力成本大幅节省,招聘、管理、研发、测试各方面成本大幅下降
- HBuilderX 是高效开发利器,熟练掌握后研发效率至少翻倍(即便只开发一个平台)
功能框架
从下面uni-app
功能框架图可看出,uni-app
在跨平台的过程中,不牺牲平台特色,可优雅的调用平台专有能力,真正做到海纳百川、各取所长。
一套代码,运行到多个平台
uni-app
实现了一套代码,同时运行到多个平台;如下图所示,一套代码,同时运行到iOS模拟器、Android模拟器、H5、微信开发者工具、支付宝小程序Studio、百度开发者工具、字节跳动开发者工具(底部7个终端选项卡代表7个终端模拟器):
实际运行效果如下: