uni-app

uni-app

网址：https://uniapp.dcloud.io/

首先了解一下uni-app的混合开发模式

• 网页与APP的混合
• app里面有一个webView的组件 可以填写一个网页地址（所在的页面是前端开发内容）
• webView就是一个APP内置小浏览器
• 特点：断网后还在（原生组件），断网后部件（webView）

二次编译

• 前端按照一定规则写代码（js+组件）
• 通过编译生成app原声代码和组件
• 打包（云开发）
• 生成安卓app或者ios

好处以及有点有哪些？

• 省钱省时间省人力跨平台
• uni-app对前端开发人员比较友好，学习成本比较低，首先uni-app是基于vue.js的。其次封装的组件和微信小程序的组件一毛一样
• uni-app使用HBX进行开发，HBX对于vue语法等支持可以说是比较完备了。

以及缺点

• uni-app问世的时间还比较短，有很多地方还不是完善，坑很多

组件以及API的使用

//网络请求演示
uni.request({
    url: 'https://www.example.com/request', //仅为示例，并非真实接口地址。
    data: {
        text: 'uni.request'
    },
    header: {
        'custom-header': 'hello' //自定义请求头信息
    },
    success: (res) => {
       console.log(res);
	   this.joks = res.data.result;
    }
});

	//条件编译
  <!-- #ifdef APP-PLUS -->
		<view>APPd独享</view>
	<!-- #endif -->
	// H5网页端  MP微信小程序   APP-PLUS app端配置

注：API很多，只要记住一些常用的就可以，具体参考官网