微信小程序开发之-框架

微信小程序技术点总结

前言:

由于冠状病毒的肆虐,我们只能在家呆着,无法外出。但是我们并不能停止学习的脚步,南京千峰秉承“停课不停学”的理念,在逆战环境中学习。

内容:

一、小程序框架介绍

小程序框架包含小程序的配置、框架接口、场景值、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 ,则默认为所有页面都允许被索引。