微信小程序学习笔记（一）

        作为一个菜鸟程序员，更是在没怎么写过前端代码的情况下，为了成长成为一名T型人才，我毅然走上了前端的挣扎学习之路。这段时间微信的小程序炒的沸沸扬扬，公司里各位老大也是想让我们前端的同事提前熟悉一下小程序开发，想必是想要在小程序开放的那一天一鸣惊人，以迅雷不及掩耳之势推出我们的小程序产品。然而，有多少公司不是这么想的呢？在跟风中抢占先机，是救不了互联网产品的。跑题了，希望老大们别看到这篇博客......

        首先到微信小程序官网上下了个开发者工具。因为我们公司没有内测资格，并且我个人学习不可能使用认证的AppID，所以直接在本地创建项目调试，虽然这样功能受限，但初步理解小程序也足够了。

         然后创建项目目录，小程序在项目根目录下需要两个必要的配置文件，一个可选文件。必要的文件是全局逻辑文件app.js、全局配置文件app.json，可选文件是全局默认样式app.wxss。关于这三个文件，在官方文档上都有详细的说明，这里不再赘述。官方文档传送门：目录结构·小程序

         配置好全局文件，接下来就要配置独立的页面了。微信的小程序就像微信研发的一套前端框架一样，只需在一个页面的目录下创建同名文件，文件不需要互相引入。例如，有一个名叫index的页面，就需要在项目目录下创建index/目录，然后在index/目录里创建配置文件index.json、逻辑文件index.js、样式文件index.wxss以及静态页面描述文件index.wxml。

         配置好json文件后，在js文件和wxml文件写入一些简单的东西，验证项目是否工作起来：

// index.jsPage({  data: {    text: 'hello',    array: [{msg: 'world'}]  },})

<!-- index.wxml --><view>{{text}}</view><view>{{array[0].msg}}</view>

       刷新页面，显示如下信息，说明项目已经工作起来，未完待续......