微信小程序初使心得【微信小程序快速入门】

2016年推出微信小程序，时至今日，历经几个版本的更新，已形成了相对实用和稳定的服务平台。本文简单的介绍了微信小程序的入门用法，今后会继续关注和实践。

2017年，春节刚过，想来，已经过了三四个工作日。接下来，期待的莫过于，十五的元宵。

近日，在工作闲暇之余，阅读了一些关于微信小程序的文章，忍不住，想动手试他一试。本文就以“我的第一个微信小程序”为例，简单的介绍下，微信小程序的入门级用法。

开发微信小程序前期，我们需要做以下几项准备工作：

1.、注册和认证一个微信小程序账号，注册后，腾讯审核很及时，我的是当天过的。

2、“工欲善其事，必先利其器。”，接着，我们需要下载一个微信开发者工具。相关下载链接信息：

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

做好前期的准备工作后，接下来需要做的是，就启动微信开发者工具，通过前期准备的小程序账号，获取小程序的APPId，然后，创建一个小程序项目。如果不清楚怎样获取APPID，请访问简易教程。

在这里，我新建一个名为demo的小程序项目。我的目录结构是这样的：

点击开发者工具左侧导航的“编辑”，最关键也是必不可少的，是 app.js、app.json、app.wxss 这三个。其中，.js后缀的是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件。微信小程序会读取这些文件。APP函数用来注册一个小程序。接受一个 object 参数，其指定小程序的生命周期函数等。app函数必须声明在app.js中，而且一个小程序只允许出现一次App函数。关于微信小程序的更多概念性的东西，这里不做详细说明，我们这里只谈他的具体用法。

先来看下一个简单的效果图吧：

一、微信小程序（组件+框架）的应用

这是我的小程序的一个首页（index）。下面我们先简单的看下视图标记：

                 
                <!--index.wxml-->
<!--自定义列表组-->
<view class="container">
<view class="list-group"