首页 > 编程语言 >微信小程序的基础配置

微信小程序的基础配置

时间:2022-10-27 20:38:29浏览次数:54  
标签:触发 调用 微信 App 配置 程序 设置 页面


在小程序中的前台、后台:用户当前页面运行或者操作小程序时称为前台,当用户点击左上角关闭或者离开微信时,小程序进入后台。

销毁:小程序进入后台一定的时间或者系统资源占用过高就被销毁,这时,小程序的生命周期结束。

微信下程序的app.json文件配置页面文件的路径、窗口表现、设定网络超时的时间值以及配置多个页面的切换(tabBar)。

配置项

类型

描述

pages

Array

设置页面路径

window

Object

设置默认页面的窗口表现

tabBar

Object

设置底部tab的表现

networkTimeout

Object

设置网络超时时间

debug

Boolean

设置是否开启debug模式

window配置项:设置小程序的状态栏、导航栏、标题、窗口的颜色,背景色,内容性质。

对象

类型

默认值

描述

navigationBarBackgroundColor

HexColor

#000000

导航栏背景颜色

navigationBarTextStyle

String

white

导航栏标题颜色,只支持black/white

navigationBarTitleText

String

 

导航栏标题内容

backgroundColor

String

#ffffff

窗口背景颜色

backgroundTextStyle

String

dark

下拉背景字体、loading图样式、只支持dark/light

enablePullDownRefesh

Boolean

false

是否开启下拉刷新

小程序的框架中增加App和Pages方法,进行程序和注册。

App()方法用来注册一个小程序,接受一个object参数,用于指定小程序的生命周期。一个小程序仅仅只有一个注册方法,写在app.js文件中。App方法的参数如下:

参数

描述

触发时间

onLaunch

生命周期函数,监听小程序初始化

全局只触发一次,在小程序初始化完成时,会触发onLaunch

onShow

监听小程序显示,在小程序启动后或者进入前台显示时会触发onShow

onHide

生命周期函数-监听小程序隐藏,当小程序从前台进入后台时会触发onHide

onError

错误监听函数

注意

App()必须在app.js中注册,只能注册一个

getApp()和getCurrentPage方法,用于获取APP实例和当前页面。

onLoad是页面加载执行时的初始化操作,一个页面只会调用一次

onShow是页面在显示时执行的操作

onReady是页面初次渲染完成时执行的操作,一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。对页面的设置(如wx.setNavigationBarTitle)请在onReady之后设置。

onHide是页面隐藏时执行,当navigateTo或底部进行tab切换时调用。

onUnload是页面卸载时执行,当进行redirectTo或navigateBack操作的时候调用。

页面相关的函数

onPullDownRefresh是页面下拉刷新时执行:需要在页面的额json文件中的window配置开启enablePullDownRefresh;

onShareAppMessage是用户分享时返回定制的分享内容:只有定制该事件处理函数,右上角菜单才会显示“分享”按钮;用户点击分享时会调用,如:

Page({
onShareAppMessage:function(){
return {
title:"自定义分享标题",
path:"路径"
}
}
})
注意

this是包含自身函数作为方法被调用时所属的对象,在小程序中指调用页面。

微信小程序的基础配置_小程序


标签:触发,调用,微信,App,配置,程序,设置,页面
From: https://blog.51cto.com/u_12344418/5801919

相关文章

  • SpringBoot自动配置(装配)流程
    源码分析SpringBoot自动配置流程​​ 首先,我们要了解在@SpringBootApplication注解的内部,还具有@EnableAutoConfiguration,@SpringBootConfiguration,@ComponentScan三个......
  • 微信小程序WXS功能模块
    好久没有看微信小程序的官方文档了,最近在开发个人小程序时,才发现WXS功能。有点跟不上节奏了!WXS模块代码可以写在WXML文件中的标签内,或者是以.wxs为后缀的文件内。每一个.w......
  • 小程序云开发
    在小程序云开发提供了三个基础能力:数据库、存储和云函数。 云开发提供的是JSON数据库,就是数据库中的每条记录都是一个JSON格式的对象。一个数据库可以有多个集合(一个集合就......
  • 微信小程序video高层级的解决
    在小程序内使用了video视频标签,底部再加上一个悬浮的Btn按钮或是页面的中间弹窗,在页面上下滑动的时候,由于video原生组件的层级太高,会把悬浮(弹窗)给覆盖掉。像video这种原生组......
  • 小程序云开发·数据库
    在云控制台操作云数据库,即创建数据库和插入数据等操作。云开发数据库提供的数据类型:string、number、object、array、bool、GeoPoint(地理位置点)、Date(时间)、Null其中的Dat......
  • ESP8266基于Arduino的环境配置
    ESP8266基于Arduino的环境配置运行环境:❤操作系统:windows10x64❤Arduino版本:Arduino1.8.15❤开发板:ESP8266(基于CH340)一、安装CH340驱动链接:https://pan.baid......
  • nacos配置Map嵌套List数据
    nacos配置yaml文件,读取格式为Map<String,List<String>>数据:1、当数据不含有中文字符时,格式如下:test:map:key1:-value1-value2key2:-v......
  • kibana 配置修改,解决经常掉线的问题
    kibana.yaml将以下默认值进行修改.kibana官方配置说明1.增加日志#EnablesyouspecifyafilewhereKibanastoreslogoutput.#logging.dest:stdoutlogging.dest:/......
  • Mac配置Ruby环境和安装CocoaPods
    重装命令行工具$sudorm-rf/Library/Developer/CommandLineTools$sudoxcode-select--install安装RVMRVM是一个命令行工具,可以提供一个便捷的多版本Ruby环境......
  • AI人体检测/人脸识别智能分析网关V2的配置步骤及操作使用
    TSINGSEE青犀视频智能分析网关可通过对监控视频进行智能识别与分析,提供人脸、人体、车辆、烟火、物体、行为等识别、抓拍、比对、告警等服务,对场景中的异常及违规现象进行精......