uniapp 技术分享

一、什么是 UNIAPP，介绍 UNIAPP 用途和技术基本原理。

1. uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。
2. 据 DCloud 称， uni-app 在手，做啥都不愁。即使不跨端，uni-app也是更好的小程序开发框架（详见）、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目，都可以快速交付，不需要转换开发思维、不需要更改开发习惯。
3. 据 DCloud 称，很多人以为小程序是微信先推出的，其实 DCloud 才是这个行业的始作俑者。DCloud于2012年开始研发小程序技术，优化webview的功能和性能，并加入W3C和HTML5中国产业联盟，推出了HBuilder开发工具，为后续产业化做准备。2015年，DCloud正式商用了自己的小程序，产品名为“流应用”，它不是B/S模式的轻应用，而是能接近原生功能、性能的动态App，并且即点即用。

功能架构图：

1. 编译到小程序能力通过缝合美团前端团队的mp-vue实现。
2. 原生渲染能力通过缝合阿里巴巴团队的weex实现。
3. uniapp提供向微信小程序看齐的内置组件和api。

得益于双线程模型导致的渲染性能劣势，uniapp使用webview渲染APP时性能亦不如传统的5+Hybrid模式

二，如何创建运行发布项目？介绍通过命令行创建项目、运行或发布到各平台

1）全局安装 vue-cli：

npm install -g @vue/cli

2）创建项目：

vue create -p dcloudio/uni-preset-vue 项目名称

3）运行项目：

npm run dev:%PLATFORM%

4）发布项目：

npm run build:%PLATFORM%

三、开发规范

uni-app 使用vue的语法结合小程序的标签和API。 为了实现多端兼容，综合考虑编译速度、运行性能等因素，uni-app 约定了如下开发规范：

1. 页面文件遵循 Vue 单文件组件 (SFC) 规范
2. 组件标签靠近小程序规范，详见uni-app 组件规范
3. 接口能力（JS API）靠近微信小程序规范，但需将前缀 wx 替换为 uni，详见uni-app接口规范
4. 数据绑定及事件处理同 Vue.js 规范，同时补充了App及页面的生命周期
5. 为兼容多端运行，建议使用flex布局进行开发

 转载自知乎