好多年前写的笔记移动到博客上

uniApp初学者指北

初识 uniApp

什么是 uniapp

- Union Application
- 前端框架
- 基于 Vue
- 开发规范和小程序一样
- 一套代码编译到 多端使用

为什么使用 UniApp

- 多端编译
- 接近元素,效果更好
- 开发效率高(代码提示)
- 开发(人力/维护/时间)成本低
- 学习成本低
- 支持 Npm 和自定义组件
- 社区活跃，代码迭代快

框架基础

MVC 与 MVVM 设计思想

MVC

- model 模型 数据
- view 视图
- contriller 控制层

MVVM

- 2. viewModel 核心调度者
- 1. model 修改数据
- 3. view 视图自动修改

项目结构文件类型

- component 组件
- pages 页面
- static 静态文件
- unpackge 编译目录

pages.json

- pages [] 启动页 第一个pages
    - path :string
    - style : {}

全局标题与页面标题

- page.json -> globalStyle 配置
- 每个页面都有 style 修改单独页面

全局样式与页面样式

- App.vue -> style 全局 css

App 生命周期

- onLaunch
- onShow
- onHide
- onUniNviewMessage

页面生命周期

- onLoad
- onShow
- onReady
- onHide
- onUnioad
- onPullDownRefresh
- onReachBottom
- onShareAppMessage // 只限微信小程序
- onPagescroll
- onNavigetionBarButtomTap
- onBackPress

尺寸单位

- upx 相当于小程序 rpx

数据绑定与事件

- {{ 表达式 || 三元表达式 }}
- : -> v-bind
- @click 等...
- input
- fpcus
- blur
- confirm 手机点击完成 ||回车
- longress
- longtap

组件中的动态与静态变量

条件判断与 for 循环

- v-if
- v-else-if
- v-else
- v-show
- v-for item in array||object
- block 不渲染标签  v-for专用

多端兼容条件编译

- #ifdef 那个端
- #ifndef 那个端
- #endif 结尾

标签组件

- view
- text
- uni.navigetor
- navigetor

uniApp初学者指北

uniApp初学者指北

初识 uniApp

什么是 uniapp

为什么使用 UniApp

框架基础

MVC 与 MVVM 设计思想

MVC

MVVM

项目结构文件类型

pages.json

全局标题与页面标题

全局样式与页面样式

App 生命周期

页面生命周期

尺寸单位

数据绑定与事件

组件中的动态与静态变量

条件判断与 for 循环

多端兼容条件编译

标签组件

基本和小程序没什么区别

一些配置

导航栏 tabBar

全局变量 Vue.property.varName

下拉刷新 enablePullDownRefresh 默认是false

禁用原生导航栏 titleNView

页面上拉触底回调 onReachBottom

表单 form 绑定事件可以通过 name 对应 key 来得到表单内容

登入需要用到条件编译