微信小程序 JS 逻辑层

丰富的API: https://developers.weixin.qq.com/miniprogram/dev/api/

全局逻辑(app.js)

  调用APP()函数,调用生命周期函数

一、生命周期函数:https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/app.html

  App() 函数用来注册一个小程序。接受一个 object 参数,其指定小程序的生命周期函数等。

1. onLaunch : 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)

2. onShow :当小程序启动,或从后台进入前台显示,会触发 onShow

3. onHide : 当小程序从前台进入后台,会触发 onHide

4. onError : 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息

5. onPageNotFound :开发者可以添加任意的函数或数据到 Object 参数中,用 this可以访问

页面级逻辑(page.js)

  调用page()函数,传入data,调用生命周期函数

一、生命周期函数:https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html

  Page() 函数用来注册一个页面。接受一个 object 参数,其指定页面的初始数据、生命周期函数、事件处理函数等。

1. onLoad: 生命周期函数--监听页面加载      》一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的 query 参数。

2.  onShow: 生命周期函数--监听页面显示    》每次打开页面都会调用一次。

3. onReady : 生命周期函数--监听页面初次渲染完成     》一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。》对界面的设置如wx.setNavigationBarTitle请在onReady之后设置。

4. onHide : 生命周期函数--监听页面隐藏    》当navigateTo或底部tab切换时调用。

5. onUnload:生命周期函数--监听页面卸载    》当redirectTonavigateBack的时候调用。

二:普通函数:

1. data :页面的初始数据

2. onPullDownRefresh :页面相关事件处理函数--监听用户下拉动作

3. onReachBottom:页面上拉触底事件的处理函数

4.onShareAppMessage:用户点击右上角转发

5. onPageScroll:页面滚动触发事件的处理函数

6. onTabItemTap :当前是 tab 页时,点击 tab 时触发

7.Page.prototype.setData():setData 函数用于将数据从逻辑层发送到视图层(异步),同时改变对应的 this.data 的值(同步)。

原文地址:https://www.cnblogs.com/zhangyajun/p/9180568.html

时间: 2024-10-24 03:38:23

微信小程序 JS 逻辑层的相关文章

使用movable-view制作可拖拽的微信小程序弹出层效果。

仿了潮汐睡眠小程序的代码.[如果有侵权联系删除 最近做的项目有个弹出层效果,类似音乐播放器那种.按照普通的做了一般感觉交互不是很优雅,设计妹子把潮汐睡眠的弹层给我看了看,感觉做的挺好,于是乘着有空仿照了一下. 首先善用度娘反编译弄到了源码,但是打不开.然后自己研究源码发现他们用的是movable-view实现的. 于是仿照着搭出了基础框架. 新建了个组件 wxml <!--components/playpanel/playpanel.wxml--> <movable-area style

微信小程序登录逻辑

wx.getStorage({ key: 'session_id', success: function(res) { //如果本地缓存中有session_id,则说明用户登陆过 console.log("本地缓存中的session_id:" + res.data) //判断微信服务器session是否有效 wx.checkSession({ success: function(res) { console.log("处于登录态,session有效"); //如果已

微信小程序 js 计时器

function timing(that) {  var seconds = that.data.seconds  if (seconds > 21599) {    that.setData({      time: '6小时,不想继续了gg'    });    return;  }  setTimeout(function () {    that.setData({      seconds: seconds + 1    });    timing(that);  }    , 100

微信小程序-js为object添加属性

代码如下: var my_set = result.attributes.my_set; if (my_set == undefined) { my_set = { is_be_agree: e.detail.value } } else { my_set.is_be_agree = false }; 解释: 当我们不确定对象my_set 是不是空的.对象有什么属性的时候,想要执行以下操作: 1.如果对象my_set 属性是空的,则给他添加 is_be_agree的属性,属性值是false: 2

微信小程序 - 弹出层组件

需要的可以下载示例:maskalert 原文地址:https://www.cnblogs.com/cisum/p/10421741.html

微信小程序js使用记录

1.要修改对象数组中,某个对象的属性值,在setData时,先用一个字符串保存set的内容,var temp = 'order['+i+'].name' ; this.setData({[temp]:actual_value}) 2.如果是修改单个对象的属性值,可以通过 var temp = 'order.name' ; this.setData({'temp':actual_value}) 原文地址:https://www.cnblogs.com/supertan/p/11405373.htm

微信小程序弹出层

1.消息提示     wx.showToast wx.showToast({ title: '成功', icon: 'success', duration: 2000 }) 2.模态弹窗 wx.showModal wx.showModal({ title: '提示', content: '这是一个模态弹窗', success (res) { if (res.confirm) { console.log('用户点击确定') } else if (res.cancel) { console.log(

微信小程序开发教程(八)视图层——.wxml详解

框架的视图层由WXMKL(WeiXin Markup language)与WXSS(WeiXin Style Sheet)编写,由组件进行展示. 对于微信小程序而言,视图层就是所有.wxml文件与.wxss文件的集合. 微信小程序在逻辑层将数据进行处理后发送给视图层展现出来,同时接受视图层的事件反馈. ? .wxml文件用于描述页面的结构. ? .wxss文件用于描述页面的样式. 视图层以给定的样式展现数据并将时间反馈给逻辑层,而数据展现是以组件来进行的.组件(Component)是视图的基本单

大牛带您微信小程序基础

前言什么是微信小程序,它是一种轻量级的APP,它与常规App来说,无需下载安装即可使用,它嵌于微信App中,要使用微信小程序你只需要搜索一下微信小程序的名称就好,如近期的"Google的画图"小程序等,小程序不同于APP一点的是,小程序成本低,前期宣传,可以靠扫描二维码,分享群,朋友圈等,来提高微信小程序的使用.无需安装即可下载的特点,也深受广大群众的喜欢.介绍小程序是一种用完即走的那么一种模式,从开始的B2C模式,人与商品,到P2P模式,人与人,在到C2P模式,人与服务.小程序就是那