uni-app学习记录

uni-app 基础

uni-app环境搭建

命令行搭建

基础使用差异说明
要使用滚动
html 复制代码
<scroll-view scroll-y="true" class="h-600">
类似于v-html
html 复制代码
<rich-text nodes="<h1>1123213</h1>" />
<editor /> - text-area
生命周期

onLaunch

uniapp 初始化的时候触发
onShow

uniapp启动,或者从后台进入前台显示
onHide

从前台进入后台
onError

错误触发
onExist

应用退出

只有在android上有。
others

onUnhandledRejection

onPageNotFound

onLastPageBackPress - 按最下面返回的那个按键的退出

globalData

只能用这种写法

js 复制代码
export default {
    globalData: {
        xxx
    }
}
页面时序描述

1.根据pages.json 启动容器 - 相当于打开浏览器

2.读取template的内容。我先把静态的节点读取出来,先创建一轮dom;

3.onInit生命周期 - ***只有百度小程序

4.onLoad生命周期

a.响应式数据 / 计算属性 / 方法 / props / slots 已经完成

b.联网获取数据,更新data

5.onShow 生命周期

a.监听页面显示,页面出现时触发

6.执行转成动画

7.动画之间,创建真实的dom,onReady执行 - 相当于didmount

a.处理dom,ref等等

配置化

page.json配置

主要用域配置页面的各种信息,包含tabBar,具体的页面pages的相关信息等

manifast.json配置

主要配置构建与工程相关的内容,包括某一种小程序 / app的一些特殊配置

androidManifest.xml

安卓的原生配置,需要自己手动添加

相关推荐
小徐_23335 分钟前
uni-app vue3 也能使用 Echarts?Wot Starter 是这样做的!
前端·uni-app·echarts
iOS阿玮4 小时前
永远不要站在用户的对立面,挑战大众的公知。
uni-app·app·apple
xw56 小时前
uni-app中v-if使用”异常”
前端·uni-app
!win !6 小时前
uni-app中v-if使用”异常”
前端·uni-app
2501_915918419 小时前
iOS 上架全流程指南 iOS 应用发布步骤、App Store 上架流程、uni-app 打包上传 ipa 与审核实战经验分享
android·ios·小程序·uni-app·cocoa·iphone·webview
2303_Alpha9 小时前
SpringBoot
笔记·学习
萘柰奈9 小时前
Unity学习----【进阶】TextMeshPro学习(三)--进阶知识点(TMP基础设置,材质球相关,两个辅助工具类)
学习·unity
沐矢羽9 小时前
Tomcat PUT方法任意写文件漏洞学习
学习·tomcat
好奇龙猫9 小时前
日语学习-日语知识点小记-进阶-JLPT-N1阶段蓝宝书,共120语法(10):91-100语法+考え方13
学习
向阳花开_miemie10 小时前
Android音频学习(十八)——混音流程
学习·音视频