美文网首页小程序
微信原生小程序rpx和生命周期

微信原生小程序rpx和生命周期

作者: lesdom | 来源:发表于2019-03-19 17:39 被阅读0次

rpx

rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。

平时开发的话就选择iPhone6查看样式

生命周期

生命周期分为两种:一种是小程序的生命周期,另一种是小程序页面的生命周期。

小程序

  • onLaunch(Object):小程序初始化完成时触发,全局只触发一次。
  • onShow(Object):小程序启动,或从后台进入前台显示时触发。
  • onHide():小程序从前台进入后台时触发。

小程序页面

  • onLoad(Object query):页面加载时触发。一个页面只会调用一次,可以在 onLoad 的参数中获取打开当前页面路径中的参数。
  • onReady():页面初次渲染完成时触发。一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。
  • onUnload():页面卸载时触发。
  • onShow():页面显示/切入前台时触发。
  • onHide():页面隐藏/切入后台时触发。

  • onPullDownRefresh():监听用户下拉刷新事件。
  • onReachBottom():监听用户上拉触底事件。
  • onPageScroll(Object):监听用户滑动页面事件。
  • onShareAppMessage(Object):监听用户点击页面内转发按钮(<button> 组件 open-type="share")或右上角菜单“转发”按钮的行为,并自定义转发内容。

文档

rpx 页面生命周期 小程序生命周期

网站导航

网站导航

相关文章

  • 微信原生小程序rpx和生命周期

    rpx rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 ...

  • 微信小程序尺寸单位rpx以及样式相关介绍

    微信小程序尺寸单位 rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750...

  • rpx

    rpx:微信小程序解决自适应屏幕尺寸的尺寸单位。微信小程序规定屏幕的宽度为750rpx。也就是说,无论是在iPho...

  • 小程序中的rpx

    rpx:微信小程序解决自适应屏幕尺寸的尺寸单位。微信小程序规定屏幕的宽度为750rpx。也就是说,无论是在iPho...

  • 微信小程序 尺寸单位rpx与px,rem相互转换

    rpx :微信小程序开发中新出了尺寸单位rpx(responsive pixel): 可以根据屏幕宽度进行自适应。...

  • rpx是微信小程序WXSS的尺寸单位

    rpx是微信小程序WXSS的尺寸单位。介绍rpx前,先要介绍WXSS。 WXSS WXSS(WeiXin Styl...

  • 微信小程序尺寸单位rpx以及样式

    rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 ...

  • rpx和rem

    一、 rpx:全称“response pixel”,即响应式的px,rpx单位是微信小程序中css的尺寸单位,它可...

  • 微信小程序canvas尺寸设置

    微信小程序尺寸设置可使用rpx来标记尺寸,类同rem可在微信小程序中自适应兼容换算不同的机型尺寸。但在小程序can...

  • px 与rpx 的转换

    rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。 规定屏幕宽为750rpx。如在 iP...

网友评论

    本文标题:微信原生小程序rpx和生命周期

    本文链接:https://www.haomeiwen.com/subject/jrprmqtx.html