微信小程序第二篇，文档结构解读

1.我们先来看一个新的项目搭建成功后是这样的

app.js	小程序逻辑包含里小程序的onlaunch,onshow,onHide事件
app.json	小程序公共设置，app.json文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。       { "pages": [ "pages/index/index", "pages/logs/index" ], "window": { "navigationBarTitleText": "Demo" }, "tabBar": { "list": [{ "pagePath": "pages/index/index", "text": "首页" }, { "pagePath": "pages/logs/logs", "text": "日志" }] }, "networkTimeout": { "request": 10000, "downloadFile": 10000 }, "debug": true } app.json 配置项列表 属性 类型 必填 描述 pages String Array 是 页面路径列表 window Object 否 全局的默认窗口表现 tabBar Object 否 底部 tab 栏的表现 networkTimeout Object 否 网络超时时间 debug Boolean 否 是否开启 debug 模式，默认关闭 functionalPages Boolean 否 是否启用插件功能页，默认关闭 subPackages Object Array 否 分包结构配置 workers String 否 Worker 代码放置的目录   window 用于设置小程序的状态栏、导航条、标题、窗口背景色。 属性 类型 默认值 描述 最低版本 navigationBarBackgroundColor HexColor #000000 导航栏背景颜色，如 #000000   navigationBarTextStyle String white 导航栏标题颜色，仅支持 black / white   navigationBarTitleText String   导航栏标题文字内容   navigationStyle String default 导航栏样式，仅支持以下值： default 默认样式 custom 自定义导航栏，只保留右上角胶囊按钮 微信版本 6.6.0 backgroundColor HexColor #ffffff 窗口的背景色   backgroundTextStyle String dark 下拉 loading 的样式，仅支持 dark / light   backgroundColorTop String #ffffff 顶部窗口的背景色，仅 iOS 支持 微信版本 6.5.16 backgroundColorBottom String #ffffff 底部窗口的背景色，仅 iOS 支持 微信版本 6.5.16 enablePullDownRefresh Boolean false 是否全局开启下拉刷新。 详见 Page.onPullDownRefresh   onReachBottomDistance Number 50 页面上拉触底事件触发时距页面底部距离，单位为px。 详见 Page.onReachButom
app.wxss	小程序公共样式表，一般会放些公共的样式

 

2.再看pages/index文件夹。

在与logs文件夹对比

发现2个文件夹都是由4个文件组成，js,json,wxml,wxss,其中wxml相当于html，wxss相当于css（wxss的样式会覆盖app.wxss的样式）。

3.打开index.js,ctrl+A清空代码，输入page点击回车，你就会发现这个页面定义了一些生命周期函数