本文目录一览：
如何使用app.js文件对小程序进行全局配置
可以把全局变量放入app.js的globalData对象中：
globalData: {
a: “abc”,
b: 123
}
这样在index.js或者其他page中就可以这样引用
app.globalData.a
app.globalData.b
微信小程序架构篇
一、小程序架构
每个小程序的结构都有两个主要部分构成：主体部分+各个页面。类似于许多框架，主体部分主要用于核心的配置，各个页面主要用于不同业务场景。
1.1、主体部分主要由3个文件构成
1）app.js：小程序逻辑，初始化APP
2）app.json：小程序配置，比如导航、窗口、页面http请求跳转等
3）app.wxss：公共样式配置
主体配置完成之后，就是对应业务开发了，也就是开发者最常操作的页面。小程序页面设计基本上也是遵循MVC结构进行构建。
1.2、页面由4个文件构成
1）js：页面逻辑，相当于控制层（C）；也包括部分的数据（M）
2）wxml：页面结构展示，相当于视图层（V）
3）wxss：页面样式表，纯前端，用于辅助wxml展示
4）json：页面配置，配置一些页面展示的数据，充当部分的模型（M）
二、配置app.json
app.json
全局配置页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。
pages
接受一个数组，每一项都是字符串，来指定小程序由哪些页面组成
window
用于设置小程序的状态栏、导航条、标题、窗口背景色。
tabBar
通过tabBar配置项指定tab栏的表现，以及tab切换时显示的对应页面。tabBar配置数组，只能配置最少2个、最多5个tab，tab按数组的顺序排序。
networkTimeout
可以设置各种网络请求的超时时间。
debug：true/false
可以在开发者工具中开启debug模式，在开发者工具的控制台面板，调试信息以info的形式给出，其信息有Page的注册，页面路由，数据更新，事件触发。可以帮助开发者快速定位一些常见的问题
page.json
每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。页面的哦诶址比app.json全局配置简单的多，只是设置app.json中的window配置项的内容，页面中配置项会覆盖app.json的window中相同的配置项。
小程序app.js是配置什么
app.js是编写小程序逻辑的，比如登录啊，获取权限啊什么的。app.json才是配置文件。（网页链接）
原创文章，作者：FDMN，如若转载，请注明出处：https://www.506064.com/n/139875.html
微信扫一扫 
支付宝扫一扫 