C01 微信小程序.txt
UP 返回
1. 文件结构及配置
新建的项目结构:!!@@202209141.png_254_312_1@@!! 视频演示的项目结构:!!@@202209142.png_476_684_0.5@@!!
project.config.json 保存开发者工具的配置信息,这样以后在新的开发工具上这个文件就可以恢复个性化设置
app.js 帮助注册这样一个小程序应用
app.json 全局配置,比如网络请求时间,窗口表现,页面注册路径等等
app.wxss 设置小程序全局的样式
在页面文件夹pages中:
js 存储逻辑和数据交互
json 页面的配置信息
wxml 展示页面元素和内容
wxss 设置页面的样式
下面的util.js一般存放一些工具
app.json中有以下5个全局配置:
pages 配置所有页面
tabBar 如果是多tab可以指定tab栏的表现
networkTimeout 指定各个请求的超时时间
debug 开启debug模式,可以在控制台打印一些信息
navigationStyle 窗口的全局表现
在各个page中也可以自定义自己的窗口表现,与全局配置重复时以页面配置为准:
navigationBarBackgroundColor navigationBarTextStyle navigationBarTitleText backgroundColor backgroundTextStyle onReachBottomDistance
enablePullDownRefresh disableScroll(禁止滚动)
!!@@202209143.png_1505_844_0.5@@!!
WXML
2. 生命周期及路由
小程序的生命周期:
onLaunch 启动时调用
onShow 小程序页面从后台进入前台出时调用
onHide 小程序进入后台时调用
onError 脚本出错或api调用出错时调用 globalData:小程序应用全局数据
小程序的页面生命周期:
onLoad 页面初次加载触发该事件调用,在页面被销毁之前只会调用一次
onShow onLoad回调时会调用该方法;从别的页面返回当前页面也会调用
onReady 在配置构造器中定,义页面初次渲染完成之后调用该方法,在onShow之后触发,在页面被销毁之前只会调用一次。该方法之后,逻辑层可以和视图层进行交互
onHide 从当前页面打开新页面时,会触发
onUnload 关闭当前页,会触发 data:表示当前页中的数据
!!@@202209151.png_699_410_1@@!!
页面路由:!!@@202209152.png_746_372_1@@!! !!@@202209153.png_703_439_1@@!!
DOWN 返回