# 小程序之备忘录开发

    小程序，或者说react的特性使它很适合用来开发这种单机版简单交互的备忘录。

![](http://i.imgur.com/c5Wa5AY.png)

初始时页面只有一个简简单单的欢迎词和文本框，当聚焦文本框开始输入文字，下方出现提交及重置按钮，

当页面开始提交，下面出现备忘录列表，每行后面有打钩图标用于切换该事项是否已完成、以及X按钮用以删除该事项；当该事项被设为已完成，会跟其他事项有颜色区分。

同时 下面出现一些操作功能，比如切换“显示全部” 以及 “只显示未完成事项”的功能，全部标为已完成、以及删除全部的按钮。

另外下面还会有一个按钮保存数据，用以下次打开时继续显示个人备忘录状态。

![](http://i.imgur.com/iNYby6a.png)

挺有趣的，下次继续完善。


