uni-app总体介绍

简介: uni-app 是一个使用 [Vue.js](https://vuejs.org/) 开发**跨平台**应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。

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

相关文章
|
JavaScript 数据库
uni-app的多环境部署配置
分享下如何对uni-app项目进行多环境打包部署改造
2243 0
|
1月前
|
缓存 开发框架 移动开发
uni-app:下载使用uni&创建项目&和小程序链接&数据缓存&小程序打包 (一)
uni-app 是一个跨平台的开发框架,它允许开发者使用 Vue.js 来构建应用程序,并能够同时发布到多个平台,如微信小程序、支付宝小程序、H5、App(通过DCloud的打包服务)等。uni-app 的目标是通过统一的代码库,简化多平台开发过程,提高开发效率。 在这一部分中,我们将逐步介绍如何下载和使用uni-app、创建一个新的项目、如何将项目链接到小程序,以及实现数据缓存的基本方法。
|
消息中间件 存储 移动开发
【消息中间件】原生PHP对接Uni H5、APP、微信小程序实时通讯消息服务
【消息中间件】原生PHP对接Uni H5、APP、微信小程序实时通讯消息服务
167 0
uni-app 事件传值 | this.$emit、uni.$emit 区分
uni-app 事件传值 | this.$emit、uni.$emit 区分
483 0
|
JSON 小程序 数据格式
Uni-App基本使用方法
Uni-App基本使用方法
252 0
Uni-App基本使用方法
|
存储 缓存 API
uni-app 的 storage 数据缓存
uni-app中使用storage进行 数据缓存
|
JSON 前端开发 API
使用uni-app封装request
封装request请求
468 0
|
移动开发 开发框架 JavaScript
uni-app 与 Vue H5 项目通讯
uni-app 与 Vue H5 混合开发app的通讯方法
3335 0
uni-app 与 Vue H5 项目通讯
|
数据安全/隐私保护
uni-app 中保持用户登录状态
在应用中保持登录状态是一个应用常见的需求,本文简单介绍下在 uni-app 中如何保存用户登录状态。 简介 uni-app 中不支持读写 cookie,所以不能如传统的应用那样通过读取 cookie 来判断是否是登录状态。
13195 0
uni-app导航栏自定义配置|仿App原生导航条
uniapp自带的原生导航条能满足一般项目需求,但是对于一些复杂导航栏,如:京东、淘宝、微信顶部导航,这时就需要进行自定义配置了。基于uniapp实现的自定义仿微信导航栏uni_headerBar,支持背景渐变、标题居左/居中、搜索条、按钮支持文字/字体图标/图片 uniApp原生导航栏 uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框,只需在page.json里面做一些配置即可。
4763 0
下一篇
无影云桌面