【前端工程化】不要再手动封装cookie操作了，使用js-cookie解决全部问题

已于 2022-09-27 01:04:29 修改
阅读量308 收藏
点赞数
分类专栏： 前端工程化 文章标签： javascript 前端 vue.js
于 2022-09-15 14:29:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_17335549/article/details/126870693
版权
本文介绍了一个名为js-cookie-npm的轻量级JavaScript库，用于方便地处理cookie，避免手写复杂方法。只需安装并集成，即可在项目中省去大量繁琐操作，适用于3.0.1及以上版本的Web开发。
摘要由CSDN通过智能技术生成

在做web端应用的时候，很多地方用到cookie，请不要在手写获取、清空cookie的方法了，虽然可以，但是没必要，了解一下这个npm的包，可以省掉你的很多麻烦！

js-cookie - npmA simple, lightweight JavaScript API for handling cookies. Latest version: 3.0.1, last published: a year ago. Start using js-cookie in your project by running `npm i js-cookie`. There are 6221 other projects in the npm registry using js-cookie.https://www.npmjs.com/package/js-cookie

我有一棵树
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js-cookie：一种简单，轻巧JavaScript API，用于处理浏览器cookie
02-04
JavaScript Cookie 一个简单，轻巧JavaScript API，用于处理Cookie 适用于浏览器 接受字符 经过测试 没有依赖性 支持ES模块 支持AMD / CommonJS 符合 有用的 启用 <800字节压缩！ 如果在查看此内容，那么您正在阅读master分支的文档。 安装 NPM JavaScript Cookie以js-cookie的名称支持 。 $ npm i js-cookie npm软件包的module字段指向该库的ES模块变体，主要是为支持ES模块的捆绑程序提供支持，而其browser字段则指向UMD模块以实现完全向后兼容。 直接下载 从版本
前端大厂最新面试题-前端开发面试.docx
06-06
前端开发面试题大纲解析 在前端开发面试中，候选人需要具备广泛的知识面，涵盖 HTML、CSS、JavaScript、HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO、UED、架构、职业生涯等方面。下面...
js-cookie(3.0.1版本)参数是对象的问题
weixin_43878526的博客
11-28 399
js-cookie遇到的问题
vue3中使用cookie
第⑦个前端
08-03 3383
代码】vue3中使用cookie。
js-cookie及其使用
热门推荐
l-ddui的博客
04-13 1万+
js-cookie及其使用
js cookie的使用
CSDN_qiange的博客
10-22 874
/** * js-cookie的使用 * 创建 * Cookies.set('name', 'value'); * Cookies.set('name', 'value', { expires: 7 }); // 7天有效期 * Cookies.set('name', 'value', { expires: 7, path: '' });...
前端大厂最新面试题-2020神策数据前端社招面经.docx
06-06
前端大厂最新面试题精要 HTML 语义化标签的作用 HTML 语义化标签是指使用具有实际意义的标签来描述网页结构，rather than using generic tags like <div> and <span>. 语义化标签可以帮助搜索引擎更好地理解网页...
58-初级软件开发工程师(Java)考试大纲.docx
11-16
初级软件开发工程师（Java）考试大纲 本考试大纲涵盖了 Java 程序员、专业软件公司 Java 软件工程师、网络公司 Java 程序员等...* 使用 JavaBean 封装对数据库的操作 * Servlet 简介 * Servlet 和 JSP 的区别和联系
web前端工程师 高频面试题
06-25
3. **BFC（块格式化上下文）**：独立的渲染区域，用于解决元素之间的重叠问题。 4. **盒模型**：包括内容区、内边距、边框和外边距。 5. **水平垂直居中**：可以使用Flexbox或Grid布局，或者传统的margin负值、绝对...
axios-api-module:一个专注于业务并基于 axios 的模块化封装模块。:rocket: v3.x 重新设计了API和中间件，让发送请求更简单！
05-14
axios-api-module一个专注于业务并基于 的模块化封装模块。尝试一下带有模块化文件分割的 webpack 工程化|目录单个命名空间启用模块化命名空间发送请求设置中间件中间件定义为每一个实例设置中间件全局中间件设置 ...
前端cookie封装
qq_45021462的博客
02-15 314
前端cookie封装 /* 存cookie */ export function setCookie (cname, cvalue, exdays = 0) { let expires = cname + '=' + escape(cvalue) if (exdays > 0) { let d = new Date() d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)) ex
Element学习（布局组件、案例操作）（4）
m0_74363339的博客
08-08 447
value：表示输入的值，提交表单后传给服务器的值——>"男"表示1，"女"表示2。定义数据模型时，对象要使用大括号。像这里searchForm: {....}3、这一步之后的效果展示（只是空有一个布局——>目前还没有任何的内容）2、找到这种布局对应的代码（复制——>粘贴到标签<div>中）5、 在主展示区域的上方添加"员工查询"的（且独占一行）表单。还有一个当点击"查询"按钮时，会触发一个方法，也要去声明。7、给表格增加一个边框——>加入border属性即可。6、日期选择器——>(官网中组件中找)
Arco Design for Vue 3 - 快速上手指南与实战技巧
qq_42072014的博客
08-11 507
如果你在使用 TypeScript 时遇到了类型定义问题，确保你安装了正确的类型包，并且版本与 Arco Design 的版本相匹配。Arco Design for Vue 3 是一个非常强大的 UI 框架，它不仅提供了丰富的组件和功能，还有完善的文档和支持。通过本文，你已经掌握了如何快速上手 Arco Design，并学会了一些实用的技巧来提升你的开发效率。希望这些经验能帮助你在 Vue 3 的开发过程中更进一步！
vue3进阶用法之通过调用函数动态加载组件用法及示例
最新发布
wz9608的博客
08-14 219
vue官方文档那边虽然说了函数的使用方法，但没有列举这种业务场景。这里只是做一个简单的实例，其实可以通过这种方法实现其他更多的功能，比如说modal框等等等。
Electron学习与总结
song854601134的博客
08-12 201
组成，‌其中Chromium负责渲染和显示Web页面，‌而Node.js则提供了主进程的功能，‌包括管理应用程序的生命周期、‌创建和控制浏览器窗口以及与操作系统交互。，‌Electron使得开发者能够保持JavaScript代码库的一致性，‌从而轻松地创建跨平台的应用程序，‌而无需具备本地开发经验。Electron的核心是由。
牛客JS题（三十四）监听对象
不起眼小菜菜的博客
08-10 419
注释很详细，直接上代码……
【无标题】
weixin_42348009的博客
08-14 82
静态方法返回一个由给定对象自身的可枚举的字符串键属性名组成的数组。
【Markdown】Markdown 中的语言简称
EleganceJiaBao的博客
08-12 892
以下是常见编程语言、脚本语言、标记语言等在 Markdown 中的语言简称以及相应的示例：
Ant-Design-Vue快速上手 指南+排坑（下）
Dingdangr的博客
08-10 474
确保你正确定义了校验规则。Ant Design Vue 3.x 及以上版本推荐使用Form.Item的rules属性来定义校验规则，这是一个数组，可以包含多个校验项。html复制代码label="用户名":rules="[{ required: true, message: '请输入用户名!' }, { min: 3, message: '用户名至少为3个字符!' }]"如果 Ant Design Vue 提供的校验规则不满足你的需求，你可以自定义校验规则。
前端工程师面试高频知识点全解析
本文档是一份全面且实用的Web前端工程师高频面试题指南，涵盖了HTML、CSS、JavaScript、ES6 和 Vue 等核心技术领域，旨在帮助刚入门的前端开发者和求职者准备面试。以下是对每个部分的关键知识点概述： 1. HTML ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值