4-了解.js文件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了4-了解.js文件相关的知识,希望对你有一定的参考价值。

1app.js

app.js是整个小程序的入口文件,也是控制整个小程序生命周期的文件。App.jsApp()来实现对整个程序的注册同时App()里面还实现了对小程序生命周期的监控函数(onLaunch, onShow, onHide)

APP()内部参数说明:

属性

类型

描述

触发时机

onLaunch

Function

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

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

onShow

Function

生命周期函数--监听小程序显示

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

onHide

Function

生命周期函数--监听小程序隐藏

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

其他

Any

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


 

    我们来看一个app.js的代码:

//app.js

App({

  onLaunch: function () {

    ... ...

  },

  getUserInfo:function(cb){

    ... ...

  },

  globalData:{

    userInfo:null

  },

  onShow: function(){

    ... ...

  },

  onHide: function(){

    ... ...

  }

})

 

小程序前台、后台定义: 当用户点击左上角关闭,或者按了设备 Home 键离开微信,小程序并没有直接销毁,而是进入了后台;当再次进入微信或再次打开小程序,又会从后台进入前台。只有当小程序进入后台一定时间,或者系统资源占用过高,才会被真正的销毁。简单地说,前台就是你在操作小程序时;后台就是你离开了小程序,去玩手机的其他东西去了,这时小程序就隐藏到后面去了。

 

2index.js

小程序中每一个页面可以放在一个文件夹中,这个文件夹中一般包括4个文件:

.js, .json, .wxml, .wxss。官方建议这四个文件的名字最好和文件夹的名字一致,这样便于框架自动查找。

每个页面都需要注册,index.jsPage()这个函数来注册一个页面,它接受一个object参数,用这个参数来指定页面的初始数据,生命周期函数,事件处理函数。

 

Page()内部参数说明:

属性

类型

描述

data

Object

页面的初始数据

onLoad

Function

生命周期函数--监听页面加载

onReady

Function

生命周期函数--监听页面初次渲染完成

onShow

Function

生命周期函数--监听页面显示

onHide

Function

生命周期函数--监听页面隐藏

onUnload

Function

生命周期函数--监听页面卸载

onPullDownRefreash

Function

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

其他

Any

开发者可以添加任意的函数或数据到 object 参数中,用 this 可以访问

 

    我们来看一个index.js的代码:

//index.js

//获取应用实例

var app = getApp()

Page({

  data: {

    motto: ‘点击上面View跳转

  },

  //事件处理函数

  bindViewTap: function() {

    //通过调用API进行跳转

    wx.navigateTo({

      url: ‘../logs/logs‘

    })

  },

  onLoad: function () {

    // this指的就是本页面对象

// var that = this

... ...

  },

  onShow: function() {

    ... ...

  },

  onReady: function() {

    ... ...

  },

  onHide: function() {

    ... ...

  },

  onUnload: function() {

    ... ...

  }

})


本文出自 “编程艺术” 博客,请务必保留此出处http://itsart.blog.51cto.com/1005243/1862476

以上是关于4-了解.js文件的主要内容,如果未能解决你的问题,请参考以下文章

让vscode了解p5js

Jquery初步了解

微信小程序开发思路

了解协议

Rails 4 - 没有 JavaScript 错误但 JS 不工作

4-8jmete 主要文件目录及简单了解 http 协议