引言
在前端开发中，对于用户操作的记忆或者控制，常常用到 cookies。常常需要我们在客户端获取或者设置 cookies。如果你要手写操作 cookies，那么代码就有可能出现很多重复性的代码。为了提高开发效率，可以使用一个便捷的组件来处理。
在这篇文章中，我们将介绍一个名为 freon-cookies 的 npm 包，它可以帮助我们高效地操作 cookies。
安装
我们可以通过 npm 安装 freon-cookies
npm install freon-cookies
使用
为了使用 freon-cookies ，我们需要将其引入我们的项目中，我们可以在 JS 中这样做：
import Cookies from 'freon-cookies'
或者是可以通过 script 标签引用：
<script src="/path/to/freon-cookies.js"></script>
在引入 freon-cookies 之后，我们可以使用以下方法进行操作。
设置 cookies
Cookies.set(name, value, [options])
下面是一个通过 freon-cookies 设置一个 sessions 的例子：
Cookies.set('sessionId', '1234')获取 cookies
Cookies.get(name)
下面是一个通过 freon-cookies 获取一个 sessions 的例子：
const sessionId = Cookies.get('sessionId')移除 cookies
Cookies.remove(name, [options])
下面是一个通过 freon-cookies 移除一个 sessions 的例子：
Cookies.remove('sessionId')选项
想要精确控制你的 cookies 行为， freon-cookies 为我们提供了一些选项。
Cookies.set('name', 'value', {
expires: 7, // 过期时间（天）
path: '', // 作用域路径（默认：对所有页面可见）
domain: '', // 作用域主机名
secure: false, // 是否只能通过 https 协议访问（默认：false）
httpOnly: false // 是否只能被 HTTP 访问（默认：false）
})其中比较常用的是 expires、path 和 domain。
总结
freon-cookies 帮助我们在前端开发中使用 cookies 更加便捷。通过以简单明了的方法实现简单的遍历，取值和删除操作。使用 freon-cookies 可以减少重复代码，提高开发效率。
示例代码
-- -------------------- ---- ------- ------ ------- ---- --------------- ------------------- -------- ----- ---- - ------------------- ---------------------- ------------------ ------ - -------- -- ----- --- ------- --- ------- ------ --------- ----- --
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005601281e8991b448de070