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*/
网友评论