uniapp

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。

使用：
推荐使用hbuildx来编写uniapp，其创建和编译方便
注意：
编译小程序时候，要把微信小程序设置里的安全设置的服务器端口给打开
uniapp页面钩子函数组件api都和微信小程序差不多，api就是将wx换成uni
配置，pages.json和小程序和page.json差不多

{
	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/index/index",                       //其将页面配置全部放置在这里了
			"style": {
				"navigationBarTitleText": "uni-app"
			}
		}
	],
	"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "uni-app",
		"navigationBarBackgroundColor": "#F8F8F8",
		"backgroundColor": "#F8F8F8"
	}
}

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

其引入静态资源文件可以用绝对路径可以相对路径，也可以用路径别名@代表根目录

跟目录里面的dist目录存放着编译后的各种平台的代码，分为dev（开发环境）和build（生产环境）
跟目录里的App.vue相当于小程序里面的App.js，但不能像小程序一样自定义方法

manifest.json可以配置多个平台的配置，在源码视图中，h5可以配置反向代理，小程序中不想浏览器有跨域限制，
uni.scss里面有其已经定义好的一些sass变量，可以直接使用

生命周期其页面和应用和小程序一模一样，组件的是vue的

判断平台

条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。

写法：以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。

ifdef：if defined 仅在某平台存在

ifndef：if not defined 除了某平台均存在

%PLATFORM%：平台名称

也可以用rpx

nvue
如果只是想开发app时候，文件后缀名字可以变成nvue，nvue会将其变成原生的app组件，速度会更快

uni不要随便乱用ui组件库，因为其要适配多个平台，有可能会在某些平台产生错误

uni可以直接easy-component
引入后直接写标签就行