在前端开发中，cookie 是一种常用的数据存储方式。它可以在客户端本地存储小量信息，并且在每次请求时自动发送给服务器。通过使用 npm 包 cookie.js，我们可以轻松地操作 cookie，如设置、获取、删除等。
安装
使用 npm 命令进行安装：
npm install cookie.js --save
引入
在 JavaScript 文件中，使用以下代码引入 cookie.js：
const { Cookie } = require('cookie.js');使用
设置 cookie
使用 set() 方法设置 cookie，接收三个参数：名称、值和可选配置项。
Cookie.set('name', 'value', { expires: 365 });其中，expires 属性设置 cookie 的过期时间，单位为天，默认为当前会话结束后过期。
获取 cookie
使用 get() 方法获取指定名称的 cookie 值。
const name = Cookie.get('name');删除 cookie
使用 remove() 方法删除指定名称的 cookie。
Cookie.remove('name');示例代码
以下示例演示了如何使用 cookie.js 来实现用户首次访问网站时显示欢迎消息。
-- -------------------- ---- ------- ----- - ------ - - --------------------- ----- ------------- - ------------------------------------------- -- ------------------------ - --------------------------- - -------- --------------------- ------ - ---- - --------------------------- - ------- -
在这个示例中，我们首先获取了一个 ID 为 welcome-message 的 DOM 元素，然后判断用户是否是第一次访问网站。如果是第一次，我们将欢迎消息元素的样式设置为 block 并显示出来，然后使用 set() 方法设置一个名为 visited 的 cookie 值为 true，以标记用户已经访问过该网站，下次访问时就不会再弹出欢迎消息。如果不是第一次访问，我们将欢迎消息元素的样式设置为 none 并隐藏起来。
总结
通过使用 npm 包 cookie.js，我们可以轻松地操作 cookie，使得前端开发更加便捷。本文介绍了 cookie.js 的安装、引入和使用方法，并提供了一个示例代码来帮助读者更好地理解如何使用 cookie.js。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/35428