有渔微信小程序系统概述《二》了解.js文件及.json文件

发布：2018-01-26 11:10浏览：次来源：网络作者：cola

了解.js文件

1、app.js

app.js是整个小程序的入口文件，也是控制整个小程序生命周期的文件。App.js用App()来实现对整个程序的注册，同时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 键离开微信，小程序并没有直接销毁，而是进入了后台；当再次进入微信或再次打开小程序，又会从后台进入前台。只有当小程序进入后台一定时间，或者系统资源占用过高，才会被真正的销毁。简单地说，前台就是你在操作小程序时；后台就是你离开了小程序，去玩手机的其他东西去了，这时小程序就隐藏到后面去了。

2、index.js

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

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

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

上一篇：有渔微信小程序系统概述《一》认识微信小程序与HelloWor

下一篇：有渔微信小程序系统概述《三》view层及小程序框架概述

免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。