🚀🚀使用居家办公工具包有效管理居家办公

居家办公福利

WFO 福利

居家办公的担忧

定时器

日历

20-20-20 法则！

最终统计数据

项目特点

2021年的第一篇帖子，祝大家2021年一切顺利😄

新冠疫情改变了整个世界的格局。除了那些原本就去办公室上班的人之外，我们差不多一年没去过办公室了。但对于像我这样不习惯居家办公的人来说，这仍然是一个突如其来的巨大变化。

好吧，在家办公确实不错，不是吗？可以有更多时间陪伴家人和宠物。这个问题的答案可能是模棱两可的。那些说“不”的人，大概是怀念办公室的咖啡和零食吧。没错，如果安排得当，在家办公既可以提高效率，又能平衡生活。

居家办公福利

• 睡懒觉
• 休息时间不固定。
• 您可以自行决定工作时间
• 网络问题、重启问题，这些谎言有时却能救命。
• 与亲人共度时光
• 没有服装问题

Simply you work from home rest all are benefits😁

WFO 福利

• 固定工作时间
• 提供小吃和咖啡
• 与同事们一起休息娱乐

看来居家办公一切都挺好的！有什么需要担心的吗？是啊！凡事都有两面性。我们主要要解决的是健康方面的问题。

居家办公的担忧

• 扩展工作
• 脱水
• 长时间保持同一姿势坐着

我认为，如果我们能解决这三个问题，在家办公就能成为一件非常棒的事情。放松一下，使用wfh-mate就能轻松搞定。wfh-mate 是我为了解决这些问题而开发的辅助应用程序。

wfh-mate 如何帮助你？

• wfh-mate 可以帮助您完成以下工作：
• 记录你的工作时间。
• 记笔记。
• 管理你当天的待办事项清单。
• 了解日期，并为接下来的几天做好计划。
• 帮助你快速准确地休息一下。
• 提醒您摄入充足的水分，保持身体水分充足。
• 让你能够遵循 20-20-20 法则（休息 20 秒！* 看向 20 英尺外的物体 20 秒）。
• 最后显示总工作时长和总休息时长。

https://karthick3018.github.io/wfh-mate/

它有三层

1.工作计时器、日历

该图层包含开始按钮（用于开始当天的工作）和结束按钮（用于在一天结束时结束工作）。

定时器

计时器每秒更新一次，显示您当天的工作时长。这可以帮助您在实际工作时间结束后（这里官方工作时间为 8 小时！）结束工作。时间到了之后，您就可以结束工作，开始处理个人事务了。

日历

这是我经常需要查找的功能之一。即使是假期，我也会登录公司系统，因为我根本不知道今天是星期几！WFH-Mate 有一个日历，可以显示当前日期、月份和格式化后的日期。点击它即可查看详细日历。

2.备注和待办事项

我们不应该把待办事项清单当作记忆力的来源。即使你十次里有九次都记对了，但一次失误就可能让你陷入困境。所以，请使用提供的待办事项/文本框标记当天需要完成的工作。

3.饮水和休息计时器

接下来是关键部分，或者说是我创建这个应用程序的核心所在。
休息计时器——在家办公期间，休息时间可能会减少，也可能增加😉。难道应该避免休息吗？当然不是！

Taking a quick break can really help you to fix the things you've been stuck with

我遇到的最棘手的调试工作往往发生在休息时间，但休息也必须是可控的！所以这个计时器可以帮助你进行一次快速而可控的休息。休息结束后，它会通过桌面通知、提示音或两者兼有的方式提醒你。

喝水休息——这是我们在家办公期间最常错过的休息时间，即使在办公室也是如此，因为周围都是空调，我们感觉不到口渴！但这不应该成为理由。根据美国国家科学院、工程院和医学院的建议，饮水量应该……

• 男性每天大约需要摄入15.5杯（3.7升）液体。
• 女性每天大约需要摄入11.5杯（2.7升）液体。

所以你们有多少人按照这个方法做呢？反正我没有！这个计时器可以每隔20/30分钟运行一次，提醒你喝水。利用这段时间，确保你喝够上面提到的水量。

20-20-20 法则！

你听说过这条规则吗？我们需要遵循这条规则来避免长时间盯着电脑屏幕造成的眼部疲劳，也就是所谓的“电脑视觉综合症”（CVS）
。 所以，20-20-20 法则就派上用场了：每隔 20 分钟休息 20 秒，看看 20 英尺（约 6 米）远的地方。当提示需要喝水休息时，你也可以遵循这条法则！

最终统计数据

一天的工作结束后，您可以按下“结束任务”按钮，系统会显示您按下“开始工作”按钮后完成的确切工作小时数以及大约休息时间！

这些问题是我通过以下网站解决的，并给出了解决方案。它比概念验证 (POC) 更进一步。您可以使用此网站实现上述目标。网站中一些不太完善的功能需要在即将发布的版本中替换为实际功能。

那些设计上的瑕疵我就不说了，我不太擅长这个。

项目特点

好的，这个项目解决了一些问题，就这些吗？我可以关闭了吗？
不！它不仅是一个网站，还能帮助你掌握一些 React 模式（还有一些附加组件！）。

• 复合成分（今年的内容很有趣，感谢@kentcdodds）
• 定制挂钩
• 可重用的 UI 元素
• 使用纯 CSS 实现便签和拟物化效果

以上就是关于居家办公的全部内容，你可以在日常工作中使用它。欢迎反馈！如果出现任何错误，敬请谅解😉

在这里使用wfh-mate

点击此处查看完整项目

查看我在 GitHub上的开发项目，
在 Twitter上关注我，在LinkedIn
上与我联系 ，查看我在CodePen上的样式。

*封面图片插画来源：https://dribbble.com/udhaya

感谢您的时间！祝您
编程愉快！继续分享，
注意安全！