前言: 微信小程序是个非常轻量,容易上手的开发框架,近几天阅读微信小程序官方文档,觉得讲的非常详细,摘出一些关键点,在这里分享。
- 1、众多配置项中,只有pages是必填项,类型是string or array,对应的是页面的路径,不需要写文件后缀,数组的第一页对应首页,小程序增加/减少页面都需要对pages数组进行操作。
"pages": ["pages/index/index", "pages/logs/index"]
- 2、window 设置小程序的状态栏、导航条、标题、窗口背景色。
*导航栏*
navigationBarBackgroundColor:导航栏背景颜色 只可以用16进制的颜色值
navigationBarTextStyle: 导航栏字体颜色 (只能填‘black’ 或‘white’)
navigationBarTitleText: 导航栏文字内容
navigationStyle: 导航栏样式(只能填 ‘default’默认 或 ‘custom’自定义 )
*窗口*
backgroundColor: 窗口的背景色
backgroundTextStyle:下拉 loading 的样式,仅支持 dark / light
backgroundColorTop: 顶部窗口的背景色,仅 iOS 支持
backgroundColorBottom: 底部窗口的背景色,仅 iOS 支持
enablePullDownRefresh: 是否开启当前页面的下拉刷新。true || false
onReachBottomDistance: 页面上拉触底事件触发时距页面底部距离,单位为px。仅需填写纯数字,不 用“50” 或 “50px”
pageOrientation: 屏幕旋转设置,支持 auto / portrait / landscape
- 3、 tabBar 有页面切换功能,有点像选项卡,很方便
- 4、networkTimeout各类网络请求的超时时间,单位均为毫秒。
- 5、debug 调试
- 6、functionalPages 启用插件功能页
- 7、subpackages 分包加载
- 8、workers 多线程任务
- 9、requiredBackgroundModes 申明需要后台运行的能力
- 10、plugins 声明小程序需要使用的[插件]
- 11、preloadRule 声明分包预下载的规则
- 12、resizable 在 iPad 上运行的小程序可以设置支持[屏幕旋转]
- 13、navigateToMiniProgramAppIdList 当小程序需要使用 wx.navigateToMiniProgram 接口跳转到其他小程序时,需要先在配置文件中声明需要跳转的小程序 appId 列表,最多允许填写 10 个。
- 14、usingComponents 在此处声明的自定义组件视为全局自定义组件,在小程序内的页面或自定义组件中可以直接使用而无需再声明。
- 15、permission 小程序接口权限相关设置
- 16、页面配置 页面中配置项会覆盖 app.json 的 window 中相同的配置项