（微信小程序）一：初识微信小程序

首先看过angularjs的同学们在看微信小程序的创始文件应该不算很陌生吧。

需要看的先是文件目录

看完这个目录。。得知

( 一 ) pages 他存放于多个页面如 index ,log页面。可以把他里面的每个文件夹看成一个整体。这个整体存放着 html 、css 和数据

1：index文件夹 --- 存放的index页面的目录。

2：index.js --- 他可以处理得到(ajax)，或自定义定义的数据。把得到的值封装成一个对象交给wxml渲染数据。（类似与angular的数据绑定或者express的res.render({})）另外他还有一些生命周期。

(1)、onLoad(options) --- 进入这个页面时候触发而options就是页面跳转时候所传的参数

(2)、onReady --- 页面跳转完成

(3)、onShow --- 页面显示

(4)、onHide --- 页面隐藏

(5)、onUnLoad --- 页面关闭

他们的类型都是 function 哦。

3：index.wxml --- 他其实就类似于 html

4：index.wxss --- 相当与 css

( 二 ) utils 这里存放一些小工具吧比如一些逻辑的处理。可以跟自己的喜好来命名比如 controller

( 三 ) app.js 用于注册一个小程序。

1：他类似于用xcode（swift语言）开发ios应用时的AppDelegate.swift 他管理于程序的启动与关闭。通俗点的来说启动app的时候就需要用到app.js

2：他有一些生命周期

(1) onLaunch --- 初始化完成时会触发，且只触发一次。--- 其实就相当于点了一下app的图标。这个时候这个程序就启动起来了。走的就是他

他和index.js中的onload可不一样。他全局只触发一次。而onload是每次进入这个页面时候都触发

(2) onShow --- 当程序从后台进入前台时候触发 --- 就相当于我打开了这个程序，然后用iphone点击home键从程序进入了主桌面。

(3) onHide --- 当程序从前台进入后台 --- 同理用iphone手机从桌面双击home键进入小程序。

( 四 ) app.json 配置文件。说白了就是配置页面的一些功能。

之后我会按照初始程序一点一点的深入了解。不过不得不说感觉和angular2是一个妈生出来的产物。不过比angular2 更好理解

巴特西