转载自:https://www.jianshu.com/p/f8f85757e90d

配置文件.json:

小程序的全局配置app.json和页面配置page.json
每单页页面也有相应的.json文件,设置每个页面中.json配置,会覆盖与app.json相同的配置项。
如下:是一个包含了所有配置选项的简单配置app.json

 1 "pages": [//设置页面的路径
 2 "pages/index/index", //不需要写index.wxml,index.js,index,wxss,框架会自动寻找并整合
 3 "pages/logs/logs" 
 4 ],
 5 "window": { //设置默认窗口的表现形式
 6 "navigationBarBackgroundColor": "#ffffff",//顶部导航栏背景色
 7 "navigationBarTextStyle": "black",//顶部导航文字的颜色 black/white
 8 "navigationBarTitleText": "微信接口功能演示", //顶部导航的显示文字
 9 "backgroundColor": "#eeeeee", //窗口的背景色
10 "backgroundTextStyle": "light", //下拉背景字体、loading 图的样式,仅支持 dark/light
11 "enablePullDownRefresh":"false"//是否支持下拉刷新 ,不支持的话就直接不写!
12 "disableScroll":true,//  设置true不能上下滚动,true/false,注意!只能在page.json中有效,无法在app.json中设置该项。
13 }, 
14 "tabBar": { //底部tab或者顶部tab的表现,是个数组,最少配置2个,最多5个
15 "list": [{//设置tab的属性,最少2个,最多5个
16 "pagePath": "pages/index/index",//点击底部tab跳转的路径
17 "text": "首页",//tab按钮上的文字
18 "iconPath":"../img/a.png",//tab图片的路径
19  "selectedIconPath": "../img/a.png"//tab在当前页,也就是选中状态的路径
20 },   { 
21 "pagePath": "pages/logs/logs",
22 "text": "日志"
23 }] ,
24 "color":"red",//tab的字体颜色
25    "selectedColor":"#673ab7",//当前页tab的颜色,也就是选中页的
26    "backgroundColor":"#2196f3",//tab的背景色
27    "borderStyle":"white",//边框的颜色 black/white
28    "position":"bottom"//tab处于窗口的位置 top/bottom
29 },
30 "networkTimeout": {//默认都是60000秒一分钟
31 "request": 10000,//请求网络超时时间10000秒
32 "downloadFile": 10000//链接服务器超时时间10000秒
33 "uploadFile":"10000",//上传图片10000秒
34 "downloadFile":"10000"//下载图片超时时间10000秒
35 }, 
36 "debug": true//项目上线后,建议关闭此项,或者不写此项
37 }```
38 ####2,逻辑层.js
39 小程序的逻辑层是js编写,但因为小程序不是运动在浏览器中,所以js在web中的一些功能不能用,如document,windows等  。
40 app.js有全局的小程序生命周期,page.js有自己本页面的生命周期
41 
42 **2.1 注册小程序App.js**
43 ```>
44 注意:
45 1,必须在app.js中注册微信小程序,全局只有一个
46 2,不能再定app()内的函数中调用getApp(),使用this就可以拿到app的实例。
47 3,不要在onLaunch的时候getCurrentPage(),此时page还没有生成
48 4,通过其他子页面调用getApp()获取实例后,不要私自调用小程序全局的生命周期方法
49 5,var app=getApp()获取小程序的实例
50 App ( {
51    // 小程序生命周期的各个阶段
52    onLaunch: function(){},//当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
53    onShow: function(){},//当小程序启动,或从后台进入前台显示,会触发 onShow
54    onHide: function(){},//当小程序从前台进入后台隐藏,会触发 onHide
55    onError: function(){},//当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息
56    // 自定义函数或者属性,用 this可以访问
57    ...
58 })
View Code

相关文章: