chenxiaochun

## `mix-blend-mode` ```css mix-blend-mode: normal; //正常 mix-blend-mode: multiply; //正片叠底 mix-blend-mode: screen; //滤色 mix-blend-mode: overlay; //叠加 mix-blend-mode: darken; //变暗 mix-blend-mode: lighten; //变亮 mix-blend-mode: color-dodge; //颜色减淡 mix-blend-mode: color-burn; //颜色加深 mix-blend-mode: hard-light; //强光...

Web网站为了管理用户的状态会把一些临时数据写入用户的浏览器内。当用户访问该Web网站时，可通过通信方式取回之前发放的Cookie。调用Cookie时，需要校验它的有效期、发送方的域、路径、协议等信息。 1994年由网景公司设计出了Cookie，并正式应用在网景浏览器中。目前使用最广泛的Cookie标准并不是RFC标准中定义的任何一个。而是在网景公司制定的标准上进行扩展后产物。 ### 一、Set-Cookie ```http Set-Cookie: status=enable; expires=Tue, 05 Jul 2011 07:26:31 GMT; ⇒path=/; domain=jd.com; ``` Set-Cookie字段的属性值： 属性 | 说明 --- | --- NAME=VALUE | 赋予Cookie的名称和其值（必需项） expires=DATE | Cookie的有效期（若不明确指定则默认为浏览器关闭前为止） path=PATH...

 npm中内置了大量的实用技巧，如何高效的使用它们是一件具有挑战性的事情。学会下面这些技巧，将会让你在任何项目中使用npm都会事半功倍。 ### 1、打开package的主页 ```vim npm home $package ``` 运行`home`命令可以打开此package的主页，例如：`npm home lodash`，会打开`lodash`的主页。不管你机器中是否全局安装了此package，甚至是不存在于你当前项目中都可以打开。 ### 2、打开package的Github地址 ```vim npm repo $package ``` 和`home`命令类似，运行`repo`命令可以打开此package的Github仓库地址，并且它也不要求你必须安装了此package。例如：`npm repo express`就打开了`express`的Github仓库地址。 ### 3、检查`package.json`中的那些已经过时的依赖 ```vim npm outdated ``` 运行此命令，它会去检查npm上的注册信息，看你当前项目中有哪些依赖已经过时了，并以列表的形式展示出来。 ...

我们都知道，在 css 中预定义了五种缓动函数可以实现动画的缓动效果： * `linear`，以相同速度开始至结束的过渡效果 * `ease`，以慢速开始，中间变快，然后慢速结束的过渡效果 * `ease-in`，以慢速开始的过渡效果 * `ease-out`，以慢速结束的过渡效果 * `ease-in-out`，以慢速开始和结束的过渡效果 其实它们背后的实现原理都是用`cubic-bezier`来完成的，它可以接收四个参数，每个参数的取值范围只能是 0 到 1 之间的浮点数。 ``` cubic-bezier(x1, y1, x2, y2) ``` 看下面的示意图，一条直线从左下角延伸到右上角。其中，左下角的坐标为`(0,0)`，右上角的坐标为`(1,1)`。`(x1,y1)`代表红色圆点坐标，`(x2,y2)`代表蓝色圆点的坐标。  ### `linear`缓动函数 只要红蓝两点与两端的白色圆点处于同一条直线上，没有任何起伏，最终表现的动画缓动效果就是线性匀速的，也就是 css...

JSON Schema 是一个用来验证 JSON 数据结构的强大工具，它具体可以用来： * 对你已有的数据格式进行描述 * 清晰、人性化的，甚至是机器可读的文档 * 完整的数据验证会非常有益于做自动化测试以及客户端的提交数据 假设我们要构建一个表示商品目录的数据结构，它包含`id`、`name`、`price`和一个可选的`tags`。 ```json { "id": 1, "name": "A green door", "price": 12.50, "tags": ["home", "green"] } ``` 作为开发者看到这个数据结构，可能通常都会产生一些疑问，比如： * `id`是什么？...

https://github.com/svg/svgo/pull/700

https://leaverou.github.io/conic-gradient/

https://css-tricks.com/almanac/properties/o/object-fit/

Flow 是一个针对 javascript 的静态类型检查器。它可以使你的工作更高效，使你编写出来的代码运行更快、更健壮。 Flow 通过代码中的“静态类型注释”来检查你的代码，这些措施可以确保你的代码会以你期望的方式去运行。 https://flow.org/en/docs/getting-started/