• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序的基础配置

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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

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

微信下程序的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是包含自身函数作为方法被调用时所属的对象,在小程序中指调用页面。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
js用时间戳判断是否过期(类似于下方小程序的判断方式)发布时间:2022-07-18
下一篇:
本文介绍下答题小程序V6.0发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap