前言：

微信小程序马上就要上线了，想学习一下怎么开发，在网上找到了一个示例程序，觉得还不错，分享给大家。

我花了两天时间，大概花了四五个小时，做出了我的第一个小程序。当然，我不能发布，因为发布小程序的要求比较严格：公司资质、审核等。

我先简单介绍一下自己，跟很多网友一样，9年前就开始自学编程了，这些年学过各种语言，用过各种平台，自己做过十多个产品，所以编程基础不算很扎实，但各方面都比较熟悉，所以接触小程序的时候上手很快。

至于现在为什么选择开发小程序，原因很简单：尝试新鲜的东西！

学习

虽然很早就听说过小程序的推出，但在我的潜意识里，小程序不过是经过优化、限制和标准化的微信而已。

果然，下载开发工具之后，至少从表面上看，它确实是一个“轻量级，很弱”的前端框架。典型的/css/html结构，微信得给它起个新名字，还是得有品位。

然后去看了官网的文档，着实被惊到了，文档少得可怜，不是不全，而是微信真的提供了那么多原生的功能，很多常用的 JS 组件都没有包含，看来以后很多东西都要自己去实现。

粗略的看了一下，开发逻辑和常规前端基本一致，如果遇到大项目的话，可以用glup或者其他工具。

设计

用演示写了几个句子之后，我大概了解了语法规则，然后开始思考该怎么做。

我一时想不出该怎么办，就把之前做的一个跑车展示软件拿出来重新做了一遍。

这是在 iOS 和 上的结果：

品牌列表

模型浏览

因此软件整体架构非常简单，一个品牌列表页，一个左右滑详情页。当然由于微信小程序的限制，无法添加外部链接和视频，所以取消了图库和视频功能。

整个小程序中唯一的交互就是点赞，点赞数会记录在服务器统计中，并保存在本地，所以并不是真正的用户点赞。

为什么呢?因为不申请小程序，就不可能获取用户的信息。

发展