微信小程序新手教程了解.js文件 ，本篇默认已经成功安装微信小程序工具，来和范的软件库小编一起看看吧
了解.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参数，用这个参数来指定页面的初始数据，生命周期函数，事件处理函数。
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: &＃39;点击上面View跳转&＃39;
},
//事件处理函数
bindViewTap: function() {
//通过调用API进行跳转
wx.navigateTo({
url: &＃39;../logs/logs&＃39;
})
},
onLoad: function () {
// this指的就是本页面对象
// var that = this
… …
},
onShow: function() {
… …
},
onReady: function() {
… …
},
onHide: function() {
… …
},
onUnload: function() {
… …
}
})
目前微信小程序还没有正式上线，在这里小编先为大家介绍一个即将在1月9号和微信小程序一起上线的小程序－－嗨图!大家可以直接在这个微信小程序上DIY自己的照片，先来看看具体嗨图有些什么功能吧!
微信小程序嗨图功能
1、专题——DIY图片的模板，点击可以生成使用，分享到朋友圈。
2、分享墙——用户上传的自己DIY作品。
3、立即制作——可以用自己的图来DIY。
4、告诉我——告诉产品的改进，内容的增加。
想要体验怎么制作属于自己个性朋友圈照片的用户，等1月9号微信小程序上线后，扫一扫下面的二维码就可以啦!还等什么，赶紧扫码体验，开启你的嗨图之旅吧!
转载请注明：范的资源库 » 微信小程序新手教程了解.js文件
