简介与发展
账号注册和APPID申请
微信小游戏
开发者工具安装和项目创建
开发框架介绍与demo代码认识
pages(页面路径) :默认包括 index 和 logs
utils(共享文件) :
.gitignore 版本管理
app.js 全局 js 文件
app.json 全局配置结构
app.wxss 全局样式文件
project.config.json 项目配置文件(个人设置)
·
·
·
配置文件app.json编写
数据在传输时,多种类型——json
复杂数据类型:对象和数组
{} ——对象
[ ] —— 数组
上方绿色点表示 经过修改,但是还没有编译
对象格式 —— 名称 冒号(:) 值——(键值对)
json 模型中使用逗号(, ) 隔开。不能使用注释。
·
{
"pages":[
"pages/index/index",
"pages/logs/logs"
],
"window":{
"backgroundTextStyle":"light", //背景文本样式
"navigationBarBackgroundColor": "#fff", //头部颜色
"navigationBarTitleText": "Weixin", //头部文本
"navigationBarTextStyle":"black" //字体颜色
},
"style": "v2",
"sitemapLocation": "sitemap.json"
}
navigationBar——导航栏
Title——标题
Text——文本
Background——背景
Color——颜色
Style——样式
·
底部选项卡 ——tabbar
list —— 数组
Path —— 路径
icon —— 图标
iconPath ——未选中图标
selectedIconPath —— 选中图标
selectedColr ——字体颜色
border ——边界
tabbar 必须在 app.json 中配置,不能在单页面中
·
·
pages 里面是对全局页面的设置,在单个页面中index 和 logs 又可以单独进行设置,如果不做任何操作,就是使用 app.json 中的设置
超时时间 networkTimeout
单位毫秒(ms)
request —— 服务器接收数据承载长度
connectSocket —— 连接时间长度
uploadFile —— 上传时间长度
downloadFile —— 下载时间长度
运行调试 debug
“debug”:true //在console中显示步骤
新页面的创建和页面代码组成结构
新页面都是存在 pages 中的
创建方法
在app.json 中新建路径 ; 或者在 pages 上右键新建—目录,新建文件夹—右键–新建----page
创建页面呈现
- 将新建页面路径调整到最上面
- 在一个文件夹中创建多个页面(层次更清晰)
pages 中新建目录,在新建目录中再次新建多个目录,下面还可以新建多个页面
·
生命周期与调试步骤
单个页面的 js 文件
初始化加载:第一次完整打开小程序页面时
页面显示:每次从未激活状态变成激活状态的执行
页面隐藏:每次从激活状态变成未激活状态的执行
页面初次渲染:全部加载和显示完成,可以提供给用户操作的状态
页面卸载:正常关闭时的执行状态
页面相关事件处理函数(监听用户下拉):下拉刷新
页面上拉触底事件:
右上角分享:转发的设定