自己动手，做一款抬头显示的「Todo Hud」

我用过好多款 TodoList 软件，但事情一多总还是丢三落四，原本计划好要做的事情总是安静地躺在某个角落，等我想起来要去扫一眼的时候，都已快「物是人非」。。。

要是能在桌面上实时显示 TodoList，那该多好！但是 Mac 上做到这一点还真不是一件容易的事，那就退而求其次吧。我想了想，因为公司是使用 Google 办公套件的，自己每天用的最多的软件就是浏览器，要是能在浏览器新开 Tab 页的时候，都能实时显示 TodoList 的话，那就能满足我的需求了。

最简单的 TodoList

说做就做，我要的只是一个简单的 web 页面，在上面：

可以简单展示、创建、关闭待办事项。
为了通用一点，支持用户账号系统（只要最基本的注册、登录、重置密码就够了）。
保证内容的私密性。

所以它不能是一个静态页面，怎么着也要有一个数据库。为了这一点功能，去购买机器、申请域名，甚至还去搞域名备案，实在是不值得，我想 LeanCloud 的云引擎应该是最好的选择。

LeanCloud 云引擎提供了多个应用模版，最简单的一个 node-js-getting-started 就已经包括了一个 web app 的基本框架，并且还附带了一个创建 Todo 的简单例子。在它的基础上，再集成了 LeanCloud 自带的账户系统（连重置密码的功能都默认提供，这里不得不说这真是太方便了）。对于内容私密性，我使用了 LeanCloud 数据存储中的「ACL 机制」，让一条待办事项只有它的所有者可以访问，其他人连读取的权限都没有，这样就保证了用户之间的数据隔离。最后，UI 怎么办呢？对于我这样的前端小白来讲，bootstrap-material-design 已经是我能想到的最理想的组合了。

最后做出来的效果是这样：