简年3： 来写点微信小程序吧：D） ---- 分析小程序逻辑层
开篇语
开篇语已经在热身阶段说过了，所以就不重复了。有兴趣的读者移步
来写点微信小程序吧：D） ～～～（热身阶段）
以及前面借鉴小程序开发官方文档的简易教程写的总纲
来写点微信小程序吧：D） ～～～狂奔阶段
还有分析小程序的目录结构与配置的内容
来写点微信小程序吧：D） ~ ~ ~ 分析小程序目录结构与配置
上一张学长的图片镇楼，下面直接上开发过程笔记。
张小龙学长
正文
一、 小程序逻辑层分为以下四个Part：
逻辑层结构如图
二、 在app.js中配置的是整个小程序的格调。决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。
1、 其中App（）中包含有注册，登陆信息的主体。
App() 函数用来注册一个小程序。接受一个 object 参数，其指定小程序的生命周期函数等。
App（）中的登陆接口
内部函数如图所示
示例代码如下：
App({
onLaunch: function() {
// Do something initial when launch.
},
onShow: function() {
// Do something when show.
},
onHide: function() {
// Do something when hide.
},
onError: function(msg) {
console.log(msg)
},
globalData: 'I am global data'
})
演示效果如图
2、getApp()
在别的js文件里面即可调用getApp()函数进行对登陆注册信息的操作。
getApp（）
在别的文件里面用到getApp()
注意：
App() 必须在 app.js 中注册，且不能注册多个。
不要在定义于 App() 内的函数中调用 getApp() ，使用 this 就可以拿到 app 实例。
不要在 onLaunch 的时候调用 getCurrentPage()，此时 page 还没有生成。
通过 getApp() 获取实例之后，不要私自调用生命周期函数。
三、 注册页面
page注册页面的内容
在index.js文件里定义了注册页面
上一节有讲过关于page（）的具体信息。具体内部参数详情，请参照：
微信page参数详情
这里就不再赘述~代码直接上：
Page({
data: {
motto: 'Hello！ Wechat开发者',
userInfo: {}
},
//事件处理函数
bindViewTap: function() {
wx.navigateTo({
url: '../logs/logs'
})
},
onLoad: function () {
console.log('onLoad')
var that = this
//调用应用实例的方法获取全局数据
app.getUserInfo(function(userInfo){
//更新数据
that.setData({
userInfo:userInfo
})
})
},
changeText: function() {
// this.data.text = 'changed data' // bad, it can not work
this.setData({
text: 'changed data'
})
},
changeItemInArray: function() {
// you can use this way to modify a danamic data path
this.setData({
'array[0].text':'changed data'
})
},
changeItemInObject: function(){
this.setData({
'object.text': 'changed data'
});
},
addNewField: function() {
this.setData({
'newField.text': 'new data'
})
},
onShareAppMessage: function () {
return {
title: 'Hello 张照博',
desc: '将小程序分享到~~~',
path: '/page/index/index.js'
}
},
})
四、 模块化
文件作用域
在 JavaScript 文件中声明的变量和函数只在该文件中有效；不同的文件中可以声明相同名字的变量和函数，不会互相影响。
通过全局函数 getApp()
可以获取全局的应用实例，如果需要全局的数据可以在 App()
中设置，如：
// app.js
App({ globalData: 1})
// a.js
// The localValue can only be used in file a.js.
var localValue = 'a'
// Get the app instance.
var app = getApp()
// Get the global data and change it.
app.globalData++
// b.js
// You can redefine localValue in file b.js, without interference with the localValue in a.js.
var localValue = 'b'
// If a.js it run before b.js, now the globalData shoule be 2.
console.log(getApp().globalData)
模块化
我们可以将一些公共的代码抽离成为一个单独的 js 文件，作为一个模块。模块只有通过 module.exports 或者 exports 才能对外暴露接口。
需要注意的是：
exports 是 module.exports 的一个引用，因此在模块里边随意更改 exports 的指向会造成未知的错误。
所以我们更推荐开发者采用 module.exports 来暴露模块接口，除非你已经清晰知道这两者的关系。
小程序目前不支持直接引入 node_modules , 开发者需要使用到 node_modules 时候建议拷贝出相关的代码到小程序的目录中。
微信官方教程给出的代码示例如下：
// common.js
function sayHello(name) {
console.log(`Hello ${name} !`)
}
function sayGoodbye(name) {
console.log(`Goodbye ${name} !`)
}
module.exports.sayHello = sayHello
exports.sayGoodbye = sayGoodbye
在需要使用这些模块的文件中，使用 require(path) 将公共代码引入
var common = require('common.js')
Page({
helloMINA: function() {
common.sayHello('MINA')
},
goodbyeMINA: function() {
common.sayGoodbye('MINA')
}
})
四、 API
小程序开发框架提供丰富的微信原生 API，可以方便的调起微信提供的能力，如获取用户信息，本地存储，支付功能等。
详细介绍请参考 API 文档
API库
结束语
小程序算是假期的一个调剂吧，不然真的就是天天看小说，看视频的糜烂生活了。所以要是大家有兴趣的话，可以关注一下我的进度。当然，小程序不是我的全部，寒假清单里可没有小程序的容身之地。所以可能会有存在时断时续的状况，不过这都不是问题。后面我也会持续的跟进我对官方文档的解读进度，对Javascript理解不深，所以难免有的地方会存在一些错误，敬请谅解，不过基本上每一个原创点都是经过我自己的调试Debug，高手别来笑话我这些低端，毕竟目前我还是很菜的。OK，简书写完了。我仿佛已经听到了扇贝单词在召唤我。~~ ~ 搞完活动碎觉咯 ~
另外安利几位大神的作品（直接给大神简书的链接）：
微信小程序—豆瓣电影APP
微信小程序之知乎日报
微信小程序——一个简单的音乐播放器
微信小程序-从零开始制作一个跑步微信小程序
个人宣言
知识传递力量，技术无国界，文化改变生活！
