-
Normalize.css
- 是一个可以定制的css文件,它让不同的浏览器在渲染网页元素的时候形式更统一
- Normalize.css 能干什么:
- 保留有用的默认值,不同于许多 CSS 的重置
- 标准化的样式,适用范围广的元素
- 纠正错误和常见的浏览器的不一致性
- 一些细微的改进,提高了易用性。
- 使用详细的注释来解释代码
- 支持的浏览器
- Google Chrome (latest)
- Mozilla Firefox (latest)
- Mozilla Firefox ESR
- Opera (latest)
- Apple Safari 6+
- Internet Explorer 8+
- 使用:
- 安装
- npm install --save normalize.css
- 引入
- import 'normalize.css/normalize.css'
- 安装
-
js-cookie
- js-cookie是什么?
- js-cookie用于处理cookie简单,轻量级的js API
- 安装
- NPM
- JavaScript Cookie支持NPM,名字为js-cookie.
- NPM
- js-cookie是什么?
npm inatsll js-cookie
- ES模块化
import Cookies from 'js-cookie' Cookies.set('foo', 'bar')
- 基本用法(添加,获取,删除)
- 添加cookie
//创建一个名称为name,对应值为value的cookie,由于没有设置失效事件,默认失效时间为该网站关闭时间,全网站有效
Cookies.set('name','value')
//创建一个有效时间为7天的cookie,全网站有效
Cookies.set('name','value',{expires:7})
//创建一个当前页面路劲有效,有效期为7天
Cookie.set('name','value',{expires:7,path:''})
//创建一个value为对象的cookie
const obj={name:'cat'}
Cookie.set('user',obj)
2.读取cookie
//读取所有的可见缓存
//获取指定名称的cookie
Cookies.get('name') //==> 'value'
Cookies.get('nothing') //==> undefined
//获取value为对象的cookie
JSON.parse(Cookies.get('user'))
//获取所有的cookie
Cookies.get() //==>{name:'value'}
3.删除cookie
//删除指定名称的
cookie Cookies.remove(name)
//删除带有路径的cookie
Cookies.set(name,value,{path:''})
Cookies.remove('name') // fail!
Cookies.remove('name', { path: '' }) // removed!