昨天微信公布了小程序，可以说举国轰动，不光是微信前期推广做得好，更是因为小程序有着不小的吸引力，笔者仔细体验了一下小程序示例，可以说体验不错。当然，这篇博文并不是为了说明小程序多好多好的推荐文，我们今天主要是来讲如何进行学习开发的。
这篇博文主要适用于有开发经验的开发人员，当然没有开发经验的，也能从文中获取一些知识要点。笔者是一枚毫无css经验，毫无js经验的一名app开发者，暂时来说笔者只看过一些css和js的源代码，所以这篇博文也非常适合和笔者类似的开发者参考，一起学习一起进步。
废话不多说，我们开始学习.....
首先，如何成为小程序开发者，随便百度就能搜到官方教程，在此我就不多废话，你可以在这里申请注册，并拿到开发工具->
开发界面首页如下：
我们用设定好的开发者微信账号扫描登录即可进入正式页面。
在这里我们选择添加新项目，填入我们的AppID新建项目，就会得到一个官方的demo示例，我们主要是以demo示例中的代码进行学习入门。
这个就是我们的开发界面了，它默认打开的是编辑界面，如果我们想要调试东西，可以点击下面的调试页面，调试我们的代码，寻找bug寻找问题就全靠它了。
可以看到，此demo一进来就是获取权限，这个东西肯定能在代码中有所体现。而我们的代码架构就在模拟器的右侧，整个架构一目了然，此demo分为了三部分：pages，utils，app的文件。我们可以根据字面意思来理解每一部分的内容。
pages：顾名思义，是跟我们的界面有关的，所有的页面都在这个文件夹里。
utils：工具文件夹，工具类的方法都在这里面。
app的文件：app前缀的有很多文件，我们之后再说它后缀所属性质，总之，这些文件肯定是app的总入口，至于原因，笔者只能说是经验之谈。
既然知道了入口文件，我们可以依次打开app前缀的文件进行查看（如果看过官方文档更好，因为官方文档里有更详细的说明）。
app.js，一看就是一个js文件，里面的代码如下：
-
//app.js -
App({ -
onLaunch: function () { -
//调用API从本地缓存中获取数据 -
var logs = wx.getStorageSync('logs') || [] -
logs.unshift(Date.now()) -
wx.setStorageSync('logs', logs) -
}, -
getUserInfo:function(cb){ -
var that = this -
if(this.globalData.userInfo){ -
typeof cb == "function" && cb(this.globalData.userInfo) -
}else{ -
//调用登录接口 -
wx.login({ -
success: function () { -
wx.getUserInfo({
