Uni-app

建议在阅读完本教程之后，再去阅读一下 uni-app 的官方文档。

uni-app 是众多 一套代码，多端编译 的框架之一。什么意思呢？

比如，你用 Web 三件套 (HTML, CSS 和 JavaScript) 为公司开发了一个网页。在公司的运营下，网页取得了不错的浏览量。现在，为了拓宽用户渠道，公司需要做一个小程序。这时候，你可能需要用微信的框架 (WXML 之类的鬼东西) 重新开发一遍。日后，如果公司需要进军手机应用，那么你还需要用 Java + Google API 开发安卓和 Objective-C 或 Swift 开发 iOS。在开发力量不足的情况下，这是要人命的节奏。

一套代码，多端编译 的框架就可以提供一个临时解决方案。你只需要用一种框架开发一遍，就可以在各个平台部署 (网页、小程序、安卓、iOS 等等，要看框架具体支持哪些平台）。

但是为什么说是临时解决方案呢？

首先，由于是编译过去的，代码的效率会很低。之前用 uni-app 开发的一个没多少 DOM 的表单页面，编译之后竟然出现了上千个 DOM 节点，直接把手机卡成了暖宝宝，令人震惊。

其次，以我们的开发经验来看，如果你用多端编译的框架，瞄准小程序去开发和 debug，确定没问题后，把它编译到另一个平台，比如网页或安卓，出问题的概率是 100%。会有各式各样的兼容性问题需要修复。不过工作量确实比重新开发小不少。

所以，多端编译的框架，非常适合中小型的、对性能要求不很高的、demo 性的或启动阶段的项目。在业务发展到一定规模，有能力组建庞大开发团队之后，再去专门开发各个平台的应用。

uni-app 是根据 vue 框架改编的，写起来跟 vue 基本没差。所以也可以直接去学习 vue 框架的使用。
还有很多类似的框架，比如同样基于 vue 的 mpvue，基于 React 的 Taro 和 nanachi 等等。
（很好奇有没有基于 Angular 的框架...有的话麻烦告诉我一下）

我们不会在 note 里讲解具体语法和规则。还请各位自行阅读教程，活用搜索引擎，然后多向有经验的人求助。