前言

我想小程序其实不用多说。网上有很多关于小程序和方向的分析文章。昨晚我也在想第一波小程序红利会往哪些方向、谁会得到。于是我默默打开手机上的应用，耐心浏览了应用市场下载排行榜前1000名的应用，整理了一份适合微信小程序的方向列表，仅供大家参考。

小程序方向思维图

小程序已经开放报名，相信第一波福利很快就会到。不能立即开始开发、有好的想法的同学可以尝试报名。利用它也是一个好主意。

画完这张图，我就想着如何快速开发一个简单的小程序。想了想，好像开发一个计算器会是最快的，于是我花了一些时间，立即做了一个简单的计算器。

简单计算器

先看效果图（不知道为什么这个gif只能播放一次）

效果图

代码我就不多说了，已经推到顶了（传送门），欢迎大家star和加入。界面全部采用flex布局，这里不再赘述。如果不明白，请点击这里查看阮一峰老师的文章。应该很清楚了，我的代码也很清楚了。这里主要介绍下面的状态机图。

计算器状态机

在这个简单的计算器中，我一共定义了6种状态，分别是：

init：初始状态。初始进入时的状态，或复位后的状态。

：正在输入第一个操作数，不带小数点。该状态下，界面上显示第一操作数。

：第一个操作数输入有小数点。该状态下，界面上显示第一操作数。

：正在输入第二个操作数，不带小数点。在此状态下，界面上显示第二操作数。

：第二个操作数输入有小数点。在此状态下，界面上显示第二操作数。

：结果状态。该状态下界面上显示计算结果。

上图展示了这6种状态之间的转换关系。

状态机实际上广泛应用于计算机系统中，并且最常用于编译器中。我把TCP协议的状态机图贴出来给大家看。

TCP状态机图

结论

简单的计算器门户：。欢迎参考。

对于熟悉前端开发或者开发的同学来说，微信小程序的开发应该是很快的。微信小程序完全支持ES6语法，强烈推荐使用flex布局。

顺便提供一下官方开发的一些参考链接。

小程序介绍及申请流程

常见的拒绝情况

小程序设计规范（设计者必读）

小程序简单教程