UniApp框架基础

1. MVC和MVVM思想

1.M:model-模型层，数据的增删改查
2.V:view - 视图层，前端页面（html/javascript/css）
3.C:controller - 控制层，处理业务

MVC图解 MVVM模式

2.项目结构与文件类型

• components:组件
• pages:页面
• static:静态文件，图片资源
• unpakage:打包文件
• App.vue
  style:全局公用样式,在页面中局部样式可以覆盖全局样式
  script:生命周期方法
• main.js:配置全局变量
• manifast.json:项目基础配置
  基础配置：appID,应用名称，版本号（0.0.1）
  APP图标配置
  APP启动配置：默认启动页面
  APP SDK配置：appkey,secrect,登录，分享，推送等
  APP模块 权限配置：
  h5配置：页面标题，启用https协议，发布到appstore,安卓平台微信小程序，支付宝小程序必须要勾选
  微信小程序配置：appID,检查安全域名（调试时取消勾选，本地局域网调试）
  源码视图：配置源码视图
• uni.css:内置常量的样式（可不使用，打包时不会添加进去使用需要安装scss插件还需要在style节点lang-"scss"）

3.全局标题与页面标题

4.全局样式与页面样式

5.APP的生命周期

• onlaunch:初始化完成（全局只触发一次）
• onShow:(从后台进去前台)
• onHide:（从前台进入后台）
• onUniNViewMessage:(nview向vue通讯，传递json数据，一般使用不到)
• onShareAppMessage:页面分享（只能分享到好友和群）
• onPageScroll：页面滚动
• onNavagationBarButtontap:原生标题栏按钮点击

6.页面的生命周期

• onLoad:页面加载
• onUload：页面关闭
• onShow：页面显示
• onHide:页面隐藏
  -onReady:页面初次渲染完成
• onPullDownReresh：下拉刷新
• onReachBottom:上拉刷新

7.数据绑定与事件

{{表达式}}:数据绑定
v-bind:组件的属性名 可简写成 --> :组件的属性名
事件：methords对象中添加方法

8.组件中的动态和静态变量

9.条件判断与for循环

条件渲染
v-if：v-if = " isShow"
v-else-if = " isShow"
v-else :其他(组件移除或添加)

v-show = " isShow" 组件隐藏或显示

三元计算：v-if = "sex == 1"? true : fause

列表渲染：v-for
组件循环创建：v-for = " (stuObj stuIndex) in studentArray :key = ""stu.id"
:key:组件与数据绑定，实现组件和数据的一致性

双层for循环：
<block>标签：只循环创建元素，不会换行展示
<view>标签：会循环创建view标签，会换行展示
<checkbox>标签：复选框
studentArray.push//从数组尾部添加元素
studentArray.

注意：嵌套循环时，必须指定不同的索引，否则微信小程序运行会报错

10.多端兼容条件编译

编译平台：H5：网页 APP-PLUS:(安卓，iOS) MP:(微信小程序，支付宝小城，头条小程序) MP-WEIXIN:(微信小程序)
HTML中条件编译

只在安卓，iOS上编译

js中条件编译
//#ifdef MP
只在小程序（微信，支付宝，百度）进行编译
//#endif

css中条件编译
/* #ifdef APP-PLUS/
只在安卓，iOS进行编译
/ #endif*/

11.固定像素px和响应式像素upx