大家今天来跟大家唠唠我最近折腾的一个小玩意儿,我管它叫“5diary”。
搞这个东西的起因也挺简单的,就是感觉现在年纪上来了,脑子越来越不好使了,好多事情转头就忘。以前也试过用市面上那些花里胡哨的日记APP,功能倒是挺多,又是图表又是心情曲线的,但我发现,功能越多,我越懒得打开。都成了摆设。
为啥叫“5diary”?
倒不是说我规定自己每天必须写五条或者只能写五分钟,主要是想突出一个“简单”、“快速”的理念。就像咱们平时说的“三下五除二”那样,咔咔几下就能搞定。我觉得记录这事儿,最怕的就是搞得太复杂,一复杂就坚持不下来了。
我当时就琢磨,我需要的日记是啥样的?
- 就是要快。 打开就能写,写完就能关。
- 就是要纯粹。 别整那些没用的,就是文字记录。
- 就是要自己用着顺手。 不用去适应别人设计的复杂逻辑。
琢磨明白了这些,我就开始动手了。
我的折腾过程
我就想整个最简单的,能打字就行。打开一个空白的页面,中间一个大大的文本框,下面一个保存按钮,齐活!
第一步,先把架子搭起来。 我就用了最基础的HTML,弄了个输入框<textarea>
,再加个按钮<button>
。样子丑是丑了点,但能用!咱追求的是实用。
第二步,考虑怎么存。 写了东西总得存起来。一开始我想的是直接存成txt文件,后来觉得每次都选路径也麻烦。干脆,就用浏览器自带的那个本地存储(localStorage),简单直接,对我这种个人用的小工具来说,足够了。每次保存,就把内容和当天的日期一起存进去。
第三步,怎么看以前的? 光写不看也不行。我就又加了个功能,能在页面上列出所有保存过的日记条目,点一下就能看到那天写的内容。这个列表我也是弄得最简单,就是日期加个标题预览,一目了然。
第四步,稍微美化一下。 虽然说实用第一,但太丑了自己也看不下去。我就随便写了点CSS,调了调颜色,改了改字体,让它看起来稍微顺眼那么一点点。没追求啥设计感,干净就行。
整个过程,我没用啥复杂的框架,就是原生三件套:HTML、CSS、JavaScript。因为功能简单,所以代码量也不大,写起来还挺顺畅的。遇到点小问题,就上网搜搜,大部分都能找到解决办法。比如日期格式化,怎么从localStorage里读写数据,这些都是小case。
对了,我还加了个小细节,就是每次打开,输入框能自动聚焦,这样就不用再用鼠标点一下了,直接就能开写。这种小细节,用起来就特别舒服。
用起来咋样?
你还别说,这“5diary”搞出来之后,我自己用着还挺顺手。每天想起来了,就打开写几句,不管是工作上的总结、生活中的小确幸,还是偶尔冒出来的怪点子,都往里扔。因为简单,所以没啥心理负担,反而更容易坚持下来了。
现在感觉挺好的,有点像以前上学那会儿,偷偷写日记本的感觉,只不过现在是敲键盘了。最重要的是,它确实帮我记住了一些容易忽略的小事情,回头翻翻,还挺有意思的。
有时候,一些突发的灵感,或者一些不想在社交网络上公开的碎碎念,都可以往这里面丢。安全,私密,而且完全由我自己掌控。
有时候咱们追求那些“高大全”的东西,反而忘了最开始的需求是返璞归真,搞个简单的,可能更适合自己。这就是我折腾“5diary”的一点心得,分享给大家,希望能给各位一点启发!