什么是uni-app？为什么要学习uni-app？

文章目录

前言

一、什么是uni-app框架？

二、为什么要学？

三、uni-app开发的适用场景是什么？

总结

---

前言

       随着前端技术的不断发展进步，跨端开发成为了程序猿不得不面临的一个难题，uni-app的出现解决了程序猿不断重复造轮子的工作，帮助我们实现跨端开发编程，本文将介绍什么是Uni-app以及我们为什么要学习uni-app和uni-app的适用场景。

一、什么是uni-app框架？

什么是uniapp框架?

• 使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到 iOS、Android、Web、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台

• 官网地址：uni-app官网

二、为什么要学？

• 当前跨平台普遍存在的问题

  • 使用的设备平台多

    • 安卓
    • ios
    • web
    • 小程序

  • 维护多个平台的成本

    •  开发成本

    • 运营成本

    • 学习成本

具体内容如下图所示。

三、uni-app开发的适用场景是什么？

       可能有的同学会问，“老师，既然uni-app这么厉害，那我们以后开发都用这个框架就可以了吗？它的适用场景是什么？”

       要回答这个问题，首先我们需要知道uni-app的优势以及它与原生开发的差异点。

uni-app开发的优势有以下几个方面。

• uni-app开发的优势

  • 一套代码、多端发行（可以在项目里调用不同平台的api）

  • 运行体验更好

    • 组件、api和微信小程序一致
    • 兼容weex的局部渲染优化

  • 学习成本低

    • vue语法、微信小程序的api，熟悉这两个技术栈可以直接上手uni-app

  • 开发生态、组件丰富

    • 支持npm安装第三方依赖
    • 支持微信小程序自定义组件和SDK（微信小程序SDK可以在app中使用）
    • 兼容mpvue（美团开发的vue小程序框架）

uni-app与原生开发的差异点如下表所示。

	uni-app	原生（android/ios）
跨端	支持ios，Android，H5，微信小程序、支付宝小程序等等	不支持
学习成本	掌握vue、微信小程序即可上手，对前端开发者友好	需要另外学习语言android：Java语言、ios：Objective-C
开发时间	比较短	比较长
功能	不够完善	完善

总结

• uni-app有利也有弊，但是利大于弊，大家可以按照自己的业务场景需要来，是否选择uni-app
• 如果公司或个人想要开发一个学习成本少，开发时间短，可以兼容多个平台的app，那么uni-app就是不错的选择
• 如果想要开发的是功能全面、时间、预算充足，那么可以选择原生app开发