因为买了个域名，所以再做了一个打卡的 app

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 2395 天前的主题，其中的信息可能已经有所发展或是发生改变。

每日打卡，健康一生！

前段时间 app 后缀开放注册，交了不少学费，包括一个daka.app，于是我开始了这个打卡项目，希望做好了之后可以每天设定一点小目标，走向健康人生。。。

本来想做一个有社区功能的应用，是个不错的计划，但是写了几行 php 和 sql 和 ajax 就累了，所以就改成纯前端的单页应用，花了几天搞成现在这样。

市场上的效率软件很多，gtd 啥的，可能都做得很不错，但我需要一个非常简单的，不用怎么动脑子的，每天打开就只要点一下加号，打卡了。

同时，我也需要能够了解到近几日的打卡情况，通过比对最近的平均完成情况，用进度条告诉我今日完成量是否达标。

我已经开始用它来记录自己每天的生活。比如早睡（+1 once ），打飞机（+1 ），看书（+20 分钟），俯卧撑（+10 下），跳绳（+100 下），希望后期可以对每个项目的加入类似 github 那个小网格一样的统计显示，再后期是服务器端！

使用方法

使用起来很简单，我发网址给同学，他打开网址自己就会用了，所以就不啰嗦了，总之还比较简陋。如果要更方便打开，可以用发送到主屏幕的功能，下面是图例。

gif1 gif2 jpg1

用到的一些开源项目

作为一个非 it 行业人士，技术上我基本都是伸手党，感谢这个时代提供了这么多 js 框架和 css 框架，使得我能够勉强完成这些功能，和一个稍微不那么搓的界面。代码还是很挫的，但也想上传 github 贡献一份微小的力量，但装了客户端之后上传代码总是失败，提示 tls 问题，所以暂时还没上传，不过真有需要学习的我这个代码的同学，保存网页也是一样的，前端直接和开源差不多：）

这是一个纯前端应用。vue.js实现大部分业务逻辑和渲染工作，director.js实现前端路由，store.js实现对 localstorage 的操作，dayjs.js实现了日期的计算，以及spectre.css这个界面库。感谢这些优秀的项目！

也引用了一些 serviceworker 的工作，使得可以离线运行，在安卓的 chrome 上是没问题的，ios 的 safari 还是偶尔不能离线。而且据说 ios 的 pwa 会定期清除数据，所以提前做了数据导入导出的功能，目前 safari 上的数据能保存多久，还在测试中。

最初想用 framework7 做界面的，比较有原生 app 的感觉，但文档太长，而且它是个开发框架，需要学习的太多了，所以作罢。也想再来点 seo，通过 pushstate 实现 url 的正常化，但需要服务器端的配合，在我的 phpstudy 上测试也不太顺利（当然都是水平问题），就暂时搁置。