uni-app总体介绍

  1. 云栖社区>
  2. DCloud>
  3. 博客>
  4. 正文

uni-app总体介绍

黑白小熊猫 2019-05-24 12:11:44 浏览2073
展开阅读全文

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。

快速体验

一套代码编到7个平台,难以置信吗?依次扫描7个二维码,亲自体验最全面的跨平台效果!

uni_code

注: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在跨平台的过程中,不牺牲平台特色,可优雅的调用平台专有能力,真正做到海纳百川、各取所长。
uni0124

一套代码,运行到多个平台

uni-app实现了一套代码,同时运行到多个平台;如下图所示,一套代码,同时运行到iOS模拟器、Android模拟器、H5、微信开发者工具、支付宝小程序Studio、百度开发者工具、字节跳动开发者工具(底部7个终端选项卡代表7个终端模拟器):

dev1x7

实际运行效果如下:

run1x7

网友评论

登录后评论
0/500
评论
黑白小熊猫
+ 关注
所属团队号: DCloud