微信小程序开发之-框架
微信小程序技术点总结
前言:
由于冠状病毒的肆虐,我们只能在家呆着,无法外出。但是我们并不能停止学习的脚步,南京千峰秉承“停课不停学”的理念,在逆战环境中学习。
内容:
一、小程序框架介绍
小程序框架包含小程序的配置、框架接口、场景值、WXML 和 WXS 等
二、小程序的配置
小程序的配置分为全局配置、页面配置以及sitemap 配置
2.1 pages
用于指定小程序由哪些页面组成,每一项都对应一个页面的 路径(含文件名) 信息。文件名不需要写文件后缀,框架会自动去寻找对于位置的 .json, .js, .wxml, .wxss 四个文件进行处理
有多少个页面,此处就应该有多少个选项
数组的第一项代表小程序的初始页面(首页)。小程序中新增/减少页面,都需要对 pages 数组进行修改。
开发小技巧
直接在pages选项中写页面路径,即可创建相应的页面
2.2 window
用于设置小程序的状态栏、导航条、标题、窗口背景色。
1.3 tabBar
如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过
tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。
1.4 networkTimeout
各类网络请求的超时时间,单位均为毫秒。
1.5 debug
可以在开发者工具中开启 debug 模式,在开发者工具的控制台面板,调试信息以 info 的形式给出,
其信息有 Page 的注册,页面路由,数据更新,事件触发等。可以帮助开发者快速定位一些常见的问
题
1.6 functionalPages
插件所有者小程序需要设置这一项来启用插件功能页
1.7 permission
小程序接口权限相关设置。字段类型为 Object,结构为:
实际效果为
1.8 sitemapLocation
指明 sitemap.json 的位置;默认为 ‘sitemap.json’ 即在 app.json 同级目录下名字的 sitemap.json文件
1.9 navigateToMiniProgramAppIdList
当小程序需要使用 wx.navigateToMiniProgram 接口跳转到其他小程序时,需要先在配置文件中声
明需要跳转的小程序 appId 列表,最多允许填写 10 个。
页面配置
每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置。页面中配置项在当前页面
会覆盖 app.json 的 window 中相同的配置项。文件内容为一个 JSON 对象,有以下属性
个人中心页面配置
sitemap 配置
小程序根目录下的 sitemap.json 文件用于配置小程序及其页面是否允许被微信索引,文件内容为一
个 JSON 对象,如果没有 sitemap.json ,则默认为所有页面都允许被索引。