# uni-2302

**Repository Path**: connerljlx_admin/uni-2302

## Basic Information

- **Project Name**: uni-2302
- **Description**: 2302uniapp代码
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-09-18
- **Last Updated**: 2023-09-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# uniapp 代码结构
```
pages // 页面
	home
		home.vue
static // 存储开发的静态资源文件
utils // 存储工具函数
unpackage // 存储  不同运行时代码包或 打包成开发环境代码 代码包 开发时不要动
App.vue  // 根组件 编译成 微信小程序中 的 app.js 和 app.wxss
index.html // 单页面应用唯一的html
main.js // 入口文件
mainfest.json // 项目配置文件，主要开发app时 需要用到配置

pages.json // 项目运行时配置  路由配置 全局 窗口表现 tabbar

```
# nvue 页面
一个页面后缀名 是 nvue 原生组件进行渲染  vue是 webview形式渲染]

# esaycom规范
只要自定义组件， 遵循如下命名要求
	components/组件名/组件名.vue,就可以在页面或者其他组件中 无需引入自动使用
	
	
pspsps: 小程序开发者工具千万不要打开热加载

# 条件编译
场景：
	使用 uniapp 开发多个平台代码（app/小程序/h5）
由于代码运行环境不用， 不同平台可以使用 api。以及 页面交互方式都是不同

条件编译：
	条件 判断 代码运行环境， 在判断体中 符合环境，则代码运行，不符合 代码自动变成注释

不同文件下 条件编译：

语法：
+ 判断是否 符合 某个环境
#ifdef
+ 判断 不是 某个环境
#ifndef


#ifdef 条件
	中间代码 符合条件运行
#endif

#ifndef 条件
中间代码 符合条件运行
#endif

条件如下： [](https://uniapp.dcloud.net.cn/tutorial/platform.html#)
	VUE3
	APP
	APP-PLUS-NVUE或APP-NVUE
	APP-ANDROID
	APP-IOS
	H5
	WEB
	MP-WEIXIN
	。。。
	
## 不同文件的 条件编译
+ template中
```html
		<!-- #ifdef MP-WEIXIN -->
		<view class="box">
			这个盒子只在小程序下运行
		</view>
		<!-- #endif -->
```
+ js中
```js
				// #ifdef MP-WEIXIN
				msg: '这个数据只有小程序下才能使用'
				// #endif
```
+ css中
```css
/* #ifdef MP-WEIXIN */
	color:red;
	/* #endif */
```

# 使用第三方包
使用axios
使用vuex

# uniapp打包app注意事项 （常见注意事项）
1 使用 地图  一定要 去使用 第三方地图 百度或者高德 注册 （安卓平台或者IOS平台账号），在mainfest.json,在模块配置中找到
定位和地图，将申请账号 key 填入
注意事项：
	我们使用第三方 api （微信、qq、微博以及 其他 各种你 这个开放平台注册账号，并登录这个 app 基座信息）
	问题开发过程中 真机预览时，装到手机中基座 和 第三方 平台登录包信息不一致， 只要用了第三方 api，真机预览就会报错
怎么解决？
	uniapp提供 自定义真机预览基座
	
# uniapp需要重点准备面试题 （app）
1 uniapp 打包 app时 安卓和 ios下 常见兼容 （css api 样式）
2 真机预览为什么要自定义基座
3 开发app 使用哪些 第三方 sdk (环信 sdk  )
4 使用地图 或者定位 过程
5 做 oauth授权登录  （微信授权登录、qq微博授权登录）流程