该功能的实现的意义记录自己从何时学习，这是学习的第几天，我自己是从22.8.8开始的，所以开始的时间就是22.8.8，那么时间有了就要考虑如何计算，当然需要获取当前时间，那这个时间需要从哪里来实时获取呢，答案是显而易见的，要么从自带函数中获取，要么加载组件库。
然后这个时间在哪里显示呢，肯定是html元素了，所以我选取了h1标签。然后时间的计算通过引入js文件来解决，所以雏形就出现了。即下面的代码
<html>
<head>
<title>显示当前日期距离2022年8月8日的天数</title>
</head>
<body>
<h1 id="daysToAugust8"></h1>
<script src="daysToAugust8.js"></script>
</body>
</html>
看着有点丑，但是可以看出这个逻辑和我上面的是一样的。
然后就是时间从哪来了，事实是可以直接通过自带函数获取的，不用引入专业库，不过是存在这样的库的，那种计算更精确，可以到分秒，比如Moment.js，这里用不到，然后var today = new Date();就能得到这个最新的日期了（需要联网）。然后自己var一个既定日期，我的开始时间是8.8，所以使用，后面通过加减乘除就可以得到这个第几天了。展示代码如下。（这段就是daysToAugust8.js）
// 获取当前日期 var today = new Date(); // 设置目标日期为2022年8月8日 var targetDate = new Date("August 8, 2022"); // 计算当前日期距离目标日期的天数 var daysToAugust8 = Math.floor((targetDate - today) / (1000 * 60 * 60 * 24)); var daysToAugust8Positive = daysToAugust8 * -1 // 将结果显示在H1标签中 document.getElementById("daysToAugust8").innerHTML = "2022年8月8日开始学习前端,已经过去了" + daysToAugust8Positive + "天";
最后总结一下，在这个小项目中，首先，我们获取了当前的日期，并将目标日期设置为2022年8月8日。然后，通过计算两个日期之间的时间差，我们得到了距离目标日期的天数。最后，我们将这个天数显示在页面的 H1 标签中，以告诉用户从2022年8月8日开始学习前端已经过去了多少天。
这段代码很好地展示了如何使用 JavaScript 获取日期、计算日期差值，并将结果呈现在网页上，是一个新手上手的一个很好的项目。
后话
其实我想写之前使用puppeteer写的一个自动化领取皮肤碎片的脚本，但是在一些地方遇到了困难解决不了，就不了了之了，哎，还是不够优秀啊。
