一、什么是 uniApp（What）

• uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布iOS、Android、H5、以及各种小程序( 微信/支付宝/百度/头条/00/钉钉/淘宝)、快应用等多个平台。
• uni-app 在手，做啥都不愁。即使不跨端， uni-app 也是更好的小程序开发框架、更好的App 跨平包框架、更方便的 H5 开发框架。不管领导安排什么样的项目，你都可以快速交付，不需要转换开发思维、不需要更改开发习惯。
• 官网地址：uni-app官网

二、uniApp 的诞生历程（When）

• 很多人以为小程序是微信先推出的，其实，DCloud 才是这个行业的开创者。
• DCloud 于 2012 年开始研发小程序技术，优化 webview 的功能和性能，并加入 W3C 和 HTML5 中国产业联盟，推出了 HBuilder 开发工具，为后续产业化做准备。
• 2015 年，DCloud 正式商用了自己的小程序，产品名为“流应用”，它不是 B/S 模式的轻应用，而是能接近原生功能、性能的动态 App，并且即点即用。
• 在 2015 年9 月，DCloud 推进微信团队开展小程序业务，演示了流应用的秒开应用、扫码获取应用、分享链接获取应用等众多场景案例，以及分享了 webview 体验优化的经验。
• 微信团队经过分析，于 2016 年初决定上线小程序业务，但其没有接入联盟标准，而是订制了自己的标准。
• 到目前已经经历 9 年多的发展时间。

三、uniApp 与"谁"相对（Who）

• 华为
• 字节跳动
• 美团
• 快手
• 腾讯
• vivo 官方商城
• 中华英才网
• 开源中国
• ......
• 移动开发工程师
• webApp 开发工程师
• 小程序开发工程师

四、uniApp的应用场景有那些（Where）

五、为什么选择uniApp（Why） 

• DCloud 国产
• vue 语法，学习成本低，上手速度快，只要之前你做过 vue 的项目，那么就能很快上手，其实是 vue和微信小程序的结合体，一半 vue，一半微信小程序。
• 长期维护，之前做微信小程序的时候，选择了美团的mpvue，但是后面发现长期不维护了，提了Issues 也没人理，随之就放弃了，而 uni-app 长期在维护，这样看出了开发团队的用心。
• 跨平台的能力，uni-app 能够跨多个终端，H5，安卓，Ios，微信小程序，百度小程序，头条小程序支付宝小程序，真正实现了一套代码，多端运行，而且很好适应了我国的市场。
• 日益丰富的插件市场，uni 的插件市场也在日益强大，能够基本上满足我们平时的开发需求
• 支持原生代码混写和原生 sdk 集成
• 开发成本低，不止开发成本，招聘、管理、测试各方面成本都大幅下降

六、如何学习uniApp（How） 

• 掌握 Vue 相关知识体系内容
  • Vue 基础语法结构
  • 组件化开发模式
  • Vuex的概念与应用
• 掌握微信小程序原生开发内容
  • 小程序原生组件
  • 小程序配置相关
  • 小程序路由设置与跳转
  •  小程序样式的单位尺寸 rpx->upx( 用法一样)。
• 了解移动端开发的基础知识
• 逐步掌握 uniApp 开发技巧

hbuilder 开发工具的安装准备

HBuilderX-高效极客技巧