uni-app学习之旅（二）uni-app开发规范

1、uni-app遵循规范

1.1 页面遵循vue单文件组件的规范（SFC）

页面和vue一样也是由3大块组成：template、script、style

1.2 组件标签靠近小程序规范（先体验一下微信小程序还是有用滴）

1.3 接口能力（Js Api）靠近微信小程序规范

uni已经封装好了一些api可以直接调用来获取手机的一些状态，如

//获取网络类型
uni.getNetworkType({
	success() {
								
	}
})

1.4 数据绑定及事件处理同Vue.js规范

1.5 为兼容多端运行，建议使用flex布局进行开发

2、uni-app特色

2.1 条件编译

仅在App平台出现的代码  条件编译写法#ifdef APP-PLUS  代码  #endif

除了H5平台之外的其他平台出现的代码  条件编译写法#ifndef H5  代码  #endif

在H5或者微信小程序平台出现的代码  条件编译写法 #ifdef H5||MP-WEIXIN 代码 #endif

2.2 App端的Nvue开发

Nvue是Native vue的缩写，为了增强原生体验，Nvue内置weex渲染引擎，weex给app提供原生的渲染能力，在Nvue可以使用weex的api去实现原生能力。

2.3 HTML5+

帮助我们在app端直接调用原生的插件，只能在app端调用。

3、uni-app知识点（待完善）

组件：基础组件 自定义组件

API：网络状态 网路请求

路由：接近小程序的页面切换

生命周期：

应用的生命周期，在App.vue调用

page页面的生命周期

组件的生命周期

语法：数据绑定、条件判断

布局样式：css、scss