1.注册小程序

App()函数用于注册一个小程序，参数为一个Object（可以把它理解成为一个类似于C++里的对象，在里面我们封装了一些基本的数据类型也就是我们所称的属性，还有一些方法，也就是我们所称的函数，只不过形式可能稍有不同）对象，在这个参数对象中我们可以注册自定义方法和属性供全局使用。App()函数必须在app.js中注册，且不能注册多个，其参数属性如下：
onLaunch:生命周期函数，监听小程序初始化。当小程序初始化完成时，就会触发onLaunch，onLaunch事件全局只会触发一次。
onShow:生命周期函数，监听小程序显示。当小程序启动，或者从后台进入前台显示时都会触发onShow。
onHide:生命周期函数，监听小程序隐藏。当小程序从前台进入后台时会触发。
其他：可以去微信小程序框架–注册程序
示例：

    App({onLaunch (options) {// Do something initial when launch.},onShow (options) {// Do something when show.},onHide () {// Do something when hide.},onError (msg) {console.log(msg)},globalData: 'I am global data'
})

获取小程序实例
注册小程序后，在其他逻辑层文件中，可以用过全局函数getApp()获取小程序实例，例如:
var app = getApp();
console.log(app.globalData);
//这两行代码的意思时定义一个app的变量获取小程序实例，通过console.log()函数在控制台输出app.js里的全局变量（一个object对象）里的Data数据

2.页面逻辑文件（JavaScript）

app.js页面逻辑文件（JavaScript）：页面逻辑文件，其主要功能有：设置初始化数据，注册当前页面生命周期，注册事件处理函数等。小程序的逻辑层文件时JavaScript文件，所有逻辑文件，包括app.js，最终将会打包成js文件，在小程序启动时运行，知道小程序销毁，类似于ServiceWorker所以逻辑层也称为App Service。
注册页面
我们需要通过Page()函数来注册页面，制定页面的初始数据，生命周期函数，事件处理函数等，参数为一个Object对象，其属性如下：
data:页面初始数据，数据格式必须时可以专程JSON格式的对象类型。当页面第一次渲染时，data会以JSON的形式由逻辑层传至渲染层，渲染层可以通过WXML对数据进行绑定（这边稍微提一下数据绑定，怕自己忘了，也只是现在的理解，数据绑定就是通过一个双括号{{varible}}（Mustache语法）将变量或简单运算规则包起来,在渲染层也就是WXML文件中书写，具体查看微信小程序之数据绑定）。
onLoad:生命周期函数，页面加载时触发。一个页面只会调用一次，接受页面参数。可以获取wx.navigateTo,wx.redirectTo以及中的query(英文释意：访问，询问)参数。
onShow:生命周期函数，页面显示时萧护法。每次打开页面就会调用一次。
onReady:生命周期函数，页面初次渲染完成时触发。一个页面生命周期中只会调用一次，代表当前页面已经准备妥当，可以和视图层进行交互。一些对界面的设置操作需要在页面准备妥当后调用，如wx.setNavigationBarTitle需要在onReady之后设置。
onHide:生命周期函数，页面隐藏时触发。
onUnload:生命周期函数，页面卸载时触发。
onPullDownRefresh:页面相关事件处理函数，用户下拉时触发。使用时需要将app.json配置中window的enablePullDownRefresh属性设置会true。当处理玩数据刷新后，可以调用wx.stopPullDownRefresh方法停止当前页面的下拉刷新。
onReachBottom:页面上拉触底书简的处理函数。
其他：开发者可以添加任意函数或数据到Object参数中，可与用this访问这些函数和数据。
详细数据可以查看微信小程序之页面注册

    Page({/*** 页面的初始数据*/data: {},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {},/*** 生命周期函数--监听页面初次渲染完成*/onReady: function () {},/*** 生命周期函数--监听页面显示*/onShow: function () {},/*** 生命周期函数--监听页面隐藏*/onHide: function () {},/*** 生命周期函数--监听页面卸载*/onUnload: function () {},/*** 页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh: function () {},/*** 页面上拉触底事件的处理函数*/onReachBottom: function () {},/*** 用户点击右上角分享*/onShareAppMessage: function () {}
/**
*自定义数据
*/
CustomData:{name:"Bryant"
}
})

对于success: function(res)的理解：
查询了各种资料，对于res的解释都比较抽象模糊，res可以理解为返回的数据结果对象，它有一些属性，比如常用的res.data表示返回数据结果对象的数据.还有一种写法是res =>类似于function（res）

感谢：

微信小程序官网(微信小程序)
《微信小程序卡法入门及案例详解》
本内容均为本人学习小程序的笔记与一些小心得，并没有想要侵犯他人的内容的意思（内容如有相同。纯属学习），也是刚开始学习微信小程序，因为最近需要完成学校里的一个小作品，所以内容若有错误也欢迎指正，如果又大神可以指点或者同学想要交流的也欢迎加我QQ：1975139932

微信小程序开发之.js文件相关推荐

微信小程序开发之scroll-view上拉加载数据实现
微信小程序开发之scroll-view上拉加载数据实现一.开发思路 1.使用小程序的scroll-view组件中提供了一个bindscrolltolower属性监听组件的滑动到了底部 https:/ ...
微信小程序开发之SVG的使用
因为工作的原因,最近开始接触并且了解微信小程序.太久没有写或者看过前端相关的代码,加上小程序本身的bug也比较多,中间发现坑还是不少,后面逐渐整理总结一下.这一篇先总结一下svg在小程序中的使用. S ...
微信小程序开发之wxss中的那些事（一）
微信小程序开发之wxss中的那些事微信小程序开发中,页面的布局怎么整? 啥是WXSS? 基本语法什么是rpx 什么是 flex 微信小程序开发中,页面的布局怎么整? 各位道友请留步,如果你是新手, ...
微信小程序开发之webview组件内网页实现微信原生支付
前言.背景本人目前的工作岗位是安卓工程师,在这之前对于前端和后台的知识基本是白纸,只是在日常的工作项目中有需要和小伙伴进行对接的时候接触了那么一丢丢,对于前端和后台的一些专业描述和理解有不当之处还请 ...
微信小程序开发之从“跳伞”到“吃鸡”
写在前边微信小程序随着官方开放越多越多的接口,也是变的越来越火了,越来越多的企业已经开始布局小程序生态.所以,对于我们开发者来说,掌握小程序开发显得分外重要.如果点亮了该技能,那么离升职加薪赢取白富 ...
微信小程序开发之mpVue
1 mpVue是什么 1.1 简介美团工程师推出的基于Vue.js封装的用于开发小程序的框架融合了原生小程序和Vue.js的特点可完全组件化开发 1.2 特点组件化开发完成的Vue.js开发 ...
微信小程序开发之WXSS模板样式与WXS脚本语言
目录一.WXSS (1)rpx尺寸单位 (2)样式导入 (3)全局样式与局部样式 (4)常用样式二.WXS (1)概念 (2)应用场景 (3)WXS与JavaScript的关系 (4)基本用法内 ...
微信小程序开发之https从无到有
本篇不讲什么是https,什么是SSL,什么是nginx 想了解这些的请绕道,相信有很多优秀的文章会告诉你. 本篇要讲的在最短的时间内,让你的网站从http升级到https. 开始教程前再说一句:ht ...
微信小程序开发之https
微信小程序开发要求注意:申请SSL证书使用微信小程序开发接入域名(微信服务器配置信息).配置好的SSL证书去ATS检测确定符合小程序要求微信小程序开发要求,需要域名满足https 在腾讯云或者华为 ...

微信小程序开发之.js文件

1.注册小程序

2.页面逻辑文件（JavaScript）

感谢：

微信小程序开发之.js文件相关推荐

最新文章

热门文章