## 前言 前端少不了要和cookie打交道，一般我們的用戶登錄信息以及一些摘要信息都會存到cookie中，并且可能會以http頭的形式攜帶發給后端進行驗證。那么在npm模塊中已經有人封裝好了對應的js-cookie的模塊，我們可以進行簡單的使用。 ## 介紹 這個模塊的兼容性還是可以的，推薦使用，比較主流的使用模塊。 ### 模塊地址 [js-cookie模塊地址](https://npm.taobao.org/package/js-cookie) ### 兼容性  ### 基本使用安裝 1 npm模塊方式 cnpm i js-cookie --save 2 cdn文件 `<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>` ### api ~~~ //設置鍵值對 Cookies.set('name', 'value'); //設置7天有效期 Cookies.set('name', 'value', { expires: 7 }); //設置鍵值對日期以及路徑 Cookies.set('name', 'value', { expires: 7, path: '' }); //讀取 Cookies.get('name'); // => 'value' Cookies.get('nothing'); // => undefined //讀取所有存儲值 Cookies.get(); // => { name: 'value' } //刪除某存儲 Cookies.remove('name'); //刪除匹配某個路徑的值 Cookies.set('name', 'value', { path: '' }); Cookies.remove('name'); // fail! Cookies.remove('name', { path: '' }); // removed! ~~~ ### json支持 支持存儲以及取json類型的內容。 ~~~ //存儲 Cookies.set('name', { foo: 'bar' }); //讀取 Cookies.getJSON('name'); // => { foo: 'bar' } Cookies.getJSON(); // => { name: { foo: 'bar' } } ~~~ ## 其他 也支持設置domain,secure等字段，詳細的請參考官方的模塊介紹。