💻前端小技巧 | 探索`document.cookie`的魅力 🍪

在前端开发中，`document.cookie`是一个非常实用的功能，它可以帮助我们轻松操作浏览器中的Cookie。简单来说，`document.cookie`可以读取、设置和删除网页的Cookie。但要注意的是，Cookie是基于域名的，因此只有同一域名下的页面才能共享这些数据。

首先，如果你想查看当前页面的所有Cookie，可以直接通过`console.log(document.cookie)`来实现。例如，运行后可能得到类似这样的结果："username=JohnDoe; expires=Wed, 25 Oct 2023 12:00:00 UTC"。这表示有一个名为`username`的Cookie，值为`JohnDoe`，并且设置了过期时间。

如果需要新增或修改Cookie，可以用赋值的方式完成，比如`document.cookie = "theme=dark; path=/; expires=Fri, 31 Dec 9999 23:59:59 GMT"`。这里不仅设置了新的Cookie，还指定了路径和长期有效的时间。

最后，若想移除某个Cookie，只需将它的过期时间设置为过去即可：`document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT"`. 这样就能优雅地告别不需要的Cookie啦！✨