(1)配置文件
布局:.json,文件格式遵循JSON语法规范。
作用:对微信小程序进行全局配置,设置页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 切换页等。
分类:小程序全局配置文件app.json和页面配置文件page.json。
小程序配置文件app.json
◆◆小程序根目录下的 app.json 文件用来对微信小程序进行全局配置
◆◆文件内容本质就是一个 JSON 对象。
1)小程序/全局配置文件------>pages属性
作用:用于指定小程序由哪些页面组成,每一项都对应一个页面的 路径(含文件名) 信息。文件名不需要写文件后缀,框架会自动去寻找对于位置的 .json, .js, .wxml, .wxss 四个文件进行处理。
注意:数组的第一项代表小程序的初始页面(首页)。小程序中新增/减少页面,都会对 pages 数组自动进行修改。
2)小程序/全局配置文件------>window属性
作用:用于设置小程序的状态栏、导航条、标题、窗口背景色
3)小程序/全局配置文件------>sitemapLocation属性
作用:指明 sitemap.json 的位置;默认为 ‘sitemap.json’ 即在 app.json 同级目录下名字的 sitemap.json 文件
小程序/全局配置文件------>小结
①pages字段:描述当前小程序所有页面路径,便于让微信客户端知道当前小程序页面定义在哪个目录。
②window字段:小程序的状态栏、导航条、标题、窗口背景色
③sitemapLocation字段:指明小程序收录设置文件sitemap.json的位置
页面配置文件page.json
1)page.json
■作用:对本页面的窗口表现进行配置,文件内容本质为一个 JSON 对象。
■场景: page.json-----让开发者可以独立定义每个页面的一些属性,例如顶部颜色、是否允许下拉刷新等等。
■简单理解
■特性:覆盖性---------页面中配置项会覆盖 app.json 的 window 中相同的配置项。
✪✪✪常用配置项属性:
区别:
配置项属性—disableScroll页面滚动
页面page配置文件—小结
注意:
①页面配置中只能设置 app.json 中 window 对应的配置项,以决定本页面的窗口表现,所以无需写 window 这个属性;
②usingComponents为页面自定义组件配置,非必填项,数据类型为对象Object,以后涉及到再详细介绍。
json语法结构
(1)优点
①简单易读:易于人的阅读和编写,通常不需要特殊的工具,就能读懂和修改
②轻量:是一种轻量级的数据交换格式。
(2)格式
(3)注意事项
(4)数据格式限制
JSON的值只能是以下几种数据格式:
其他任何格式都会触发报错----undefined
(5)注释限制
JSON 文件中无法使用注释,添加注释将会引发报错
小程序配置也叫全局配置,页面配置也叫局部配置。
●●●●●重点●●●●●●:
①覆盖性:页面配置文件相关设置会覆盖小程序配置文件中已有配置
②书写格式:页面配置中只能设置 app.json 中 window 对应的配置项,以决定本页面的窗口表现,所以无需写 window 这个属性
③JSON语法格式及相关限制