开篇语
开篇语已经在热身阶段说过了，所以就不重复了。有兴趣的读者移步
来写点微信小程序吧：D） ～～～（热身阶段）
以及前面借鉴小程序开发官方文档的简易教程写的总纲
来写点微信小程序吧：D） ～～～狂奔阶段
还有分析小程序的目录结构与配置的内容
来写点微信小程序吧：D） ~ ~ ~ 分析小程序目录结构与配置
上一张学长的图片镇楼，下面直接上开发过程笔记。
正文
一、 小程序逻辑层分为以下四个Part：
二、 在app.js中配置的是整个小程序的格调。决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。
1、 其中App（）中包含有注册，登陆信息的主体。
App() 函数用来注册一个小程序。接受一个 object 参数，其指定小程序的生命周期函数等。
示例代码如下：
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()函数进行对登陆注册信息的操作。
注意：
App() 必须在 app.js 中注册，且不能注册多个。
不要在定义于 App() 内的函数中调用 getApp() ，使用 this 就可以拿到 app 实例。
不要在 onLaunch 的时候调用 getCurrentPage()，此时 page 还没有生成。
通过 getApp() 获取实例之后，不要私自调用生命周期函数。
三、 注册页面
上一节有讲过关于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 文档
结束语
小程序算是假期的一个调剂吧，不然真的就是天天看小说，看视频的糜烂生活了。所以要是大家有兴趣的话，可以关注一下我的进度。当然，小程序不是我的全部，寒假清单里可没有小程序的容身之地。所以可能会有存在时断时续的状况，不过这都不是问题。后面我也会持续的跟进我对官方文档的解读进度，对Javascript理解不深，所以难免有的地方会存在一些错误，敬请谅解，不过基本上每一个原创点都是经过我自己的调试Debug，高手别来笑话我这些低端，毕竟目前我还是很菜的。OK，简书写完了。我仿佛已经听到了扇贝单词在召唤我。~~ ~ 搞完活动碎觉咯 ~
另外安利几位大神的作品（直接给大神简书的链接）：
微信小程序—豆瓣电影APP
微信小程序之知乎日报
微信小程序——一个简单的音乐播放器
微信小程序-从零开始制作一个跑步微信小程序
个人宣言
知识传递力量，技术无国界，文化改变生活！
