微信小程序小结
微信小程序提供了一个简单、高效的应用开发框架和丰富的组件及API。
新建页面在app.json中pages里面创建,显示当前页面新建的页面,应放在pages里面的第一位。
新建的页面应有四个文件:.js文件.json文件.wxss文件.wxml文件
.js文件:书写页面js代码
.wxss文件:书写页面样式代码
.wxml文件:书写页面内容
框架:小程序配置:
全局配置:
entryPagePath: 小程序默认启动首页
pages:页面路径列表
window:全局的默认窗口表现
tabBar:底部tab栏的表现
networkTimeout:网络超时时间
debug:是否开启 debug 模式,默认关闭
functionalPages:是否启用插件功能页,默认关闭
subpackages:分包结构配置
workers string:代码放置的目录
requiredBackgroundModes:需要在后台使用的能力,如「音乐播放」
plugins:使用到的插件
preloadRule:分包预下载规则
resizable:PC 小程序是否支持用户任意改变窗口大小(包括最大化窗口);iPad 小程序是否支持屏幕旋转。默认关闭
usingComponents:全局自定义组件配置 开发者工具
permission:小程序接口权限相关设置 微信客户端
sitemapLocation:指明 sitemap.json 的位置
style:指定使用升级后的weui样式
useExtendedLib:指定需要引用的扩展库
entranceDeclare:微信消息用小程序打开 微信客户端
darkmode:小程序支持 DarkMode
themeLocation:指明 theme.json 的位置,darkmode为true为必填开发者工具
lazyCodeLoading:配置自定义组件代码按需注入
singlePage:单页模式相关配置
supportedMaterials:聊天素材小程序打开相关配置
serviceProviderTicket:定制化型服务商票据
embeddedAppIdList:半屏小程序 appId
halfPage:视频号直播半屏场景设置
debugOptions:调试相关配置
页面配置:
navigationBarBackgroundColor HexColor #000000 导航栏背景颜色