一、微信小程序快速入门

简介与发展

账号注册和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

创建页面呈现

1. 将新建页面路径调整到最上面
   
2. 在一个文件夹中创建多个页面（层次更清晰）
   pages 中新建目录，在新建目录中再次新建多个目录，下面还可以新建多个页面

·

生命周期与调试步骤

单个页面的 js 文件

初始化加载：第一次完整打开小程序页面时
页面显示：每次从未激活状态变成激活状态的执行
页面隐藏：每次从激活状态变成未激活状态的执行
页面初次渲染：全部加载和显示完成，可以提供给用户操作的状态
页面卸载：正常关闭时的执行状态
页面相关事件处理函数（监听用户下拉）：下拉刷新
页面上拉触底事件：
右上角分享：转发的设定

上线审核和发布