欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

uni-app学习之旅(二)uni-app开发规范

程序员文章站 2022-07-03 21:20:39
1、页面遵循vue单文件组件的规范(SFC)页面和vue一样也是由3大块组成:template、script、style2、、组件标签靠近小程序规范(先体验一下微信小程序还是有用滴)3、接口能力(Js Api)靠近微信小程序规范uni已经封装好了一些api可以直接调用来获取手机的一些状态,如//获取网络类型uni.getNetworkType({success() {}})4、数据绑定及事件处理同Vue.js规范5、为兼容多端运行,建议使用flex...

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:网络状态 网路请求

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

生命周期(待完善)

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

布局样式:

本文地址:https://blog.csdn.net/wang_k516/article/details/107531650

相关标签: uni-app 规范