开发一款云暖手宝！让你在办公室不再受冻~

V2EX = way to explore

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

现在注册

已注册用户请登录

爱意满满的作品展示区。

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

为什么有这个项目

受云空调启发，我想做一个云暖手宝。重点是，我的暖手宝真的能暖手！

大夏天的为什么要暖手？

各位大佬的办公室空调温度开的一定很低，此时云空调显得不重要了。

为什么呢？

因为我们特么的冷啊！！隔壁同事偷偷把空调调到 16 摄氏度......而你只能用仅有的毛毯盖住大腿，娇嫩的双手还在被刺骨的空调风无情的吹着。这你能忍？？

你又社交恐惧，也不想因为调高温度和同事多说一句话。那你能咋，总不能戴个手套吧。这样不会被当成变态吗。

你需要一个暖手宝，但又不能被别人看见你在用暖手宝。是吧，那多奇怪，外面将近 40 度呢。

所以 Cloud Hand-Warmer 诞生了！它小巧甚至隐形，它随时随地温暖着你娇贵的玉手！

产品优势

基于云，无需携带，随时随地使用
可视化操作，颜值大方美观可爱，操作简单
加热过程呼吸式设计，温暖进你心里
最高温度和设备绑定，完全自适应，设备越旧效果越好，完全照顾低端市场
不用花钱，永久免费！！！

如何使用

云地址：点击进入
仓库地址：点击进入

点击 中间开关 启动暖手宝，上下箭头 调整温度挡位。左侧为档显，目前一共有八个档位，如果你对你的电脑不自信，请你一丢丢一丢丢加档，否则一切损失与我无关，ε=ε=ε=┏(゜ロ゜;)┛

当开关打开时，周围呼吸灯亮起，左侧档线显示当前挡位，可以通过档调来调节。

再次点击开关，呼吸灯熄灭，档显熄灭，关闭暖手宝。

绝美的思路

回忆一下你在被子里用电脑刷 b 站看视频的时候，看不了几分钟 电脑就变的烫手 了，这个场景很明显是电脑散热不正常。等等？？！......

散热？我们的生产工具会散热？那何不让它的热量 散发的更大些，以至于让它来温暖我们瑟瑟发抖的双手？看到没有，这不就解决以上的需求了吗？

我们的思路就来了，把 CPU 跑满！让电脑持续发热！用 资本家的电脑 温暖我们 无产阶级的手！

跑满 CPU

用 Javascript 将 cpu 跑满很简单，我们在日常工作中经常这么干（老板，不是我 bug 多，当时手真的冷），但 Javascript 一直在阻塞运行时，视图层是操作不了的。这就可能导致网页崩溃：暖手宝启动但关不掉了......

这肯定是不行的，所以我使用 Web Worker 来做大数运算，这样即使我们的 CPU 利用率很高了，但我们还是可以停止暖手宝的作业，使 CPU 回到正常水平。

const isStart = ref(false);
const worker = new Worker("main.js");
const nowLevel = ref(1);
const switchBtn = () => {
    isStart.value = !isStart.value;
    worker.postMessage({
        isStart: isStart.value,
        level: nowLevel.value,
    });
};

在主进程中，当开关切换时，将是否开始 isStart 和挡位 level 变量传入子线程中。

self.addEventListener('message', function (e) {
    const level = e.data.level || 1
    if (e.data.isStart) {
        startTimer(level)
    } else {
        stopTimer()
    }
}, false);

在 work.js 中，监听主线程发来的消息，isStart 为 true 时，开启大数计算定时器，疯狂侵占 CPU 资源。

欢迎访问仓库：点击进入