2019年06月_purple_lumpy

原创 nvm - node版本管理

nvm 是node 的版本管理工具，可切换多个node 版本在Mac 上，只需要使用 Homebrew 下载 nvm 即可。brew install nvm使用nvm 也很简单nvm list 查看当前所有的node 版本nvm install v10.13.0 安装指定的版本nvm use --delete-prefix 10.13.0 切换到指定的版本...

2019-06-30 23:18:47 171

原创 webpack 与 code splitting 2

前面一篇，我们自己手动进行了代码分割。我们在使用 webpack 的时候，一般都会使用 code splitting。因为webpack 中有一些插件可以让我们非常容易地进行 code splitting。在 webpack4 中有一个插件：splitChunksPlugin，并且它直接与webpack 做了捆绑。不需要安装，直接可以配置使用。下面我们来实验一下。我们把index....

2019-06-27 15:47:16 284

原创 HTTP CSP

Content Security Policy (CSP)https://developer.mozilla.org/zh-CN/docs/Web/Security/CSP它体现在：- 限制资源获取- 报告资源获取越权限制方式- default-src 限制全局- 制定资源类型（资源类型如，connect-src, img-src, manifest-src, ...

2019-06-23 12:12:40 742

原创 HTTP Redirect

Redirect 是指，当我们通过URL 访问一个资源的时候，我们可能会发现，这个资源已经不在这个URL 所指向的位置了。这个时候，服务器要告诉浏览器/客户端，要请求的资源在什么地方，然后浏览器/客户端再去重新请求那个地方，这样的话，就可以拿到资源。const http = require('http')const fs = require('fs')const zlib = requi...

2019-06-22 11:37:35 2599

原创 HTTP 数据协商

数据协商，即客户端发送给服务端一个请求的时候，客户端会申明希望拿到的数据的格式以及数据相关的一些限制，而服务端会根据这些请求中表示的想要的限制，来进行判断要返回一个怎样的数据。分类- 请求 Accept 通过 “Accept” 申明希望的数据的格式通过 “Accept-Encoding” 申明希望的数据的编码方式（主要用来限制服务端如何进行数据的压缩）通...

2019-06-22 11:17:42 212

HTTP 请求是在TCP连接上进行发送的。而TCP的连接分为：长连接，短连接。长连接：HTTP 请求发送的时候，要先去创建一个TCP连接，然后在这个TCP连接上，把HTTP 的请求发送并接受完。一次HTTP请求结束了，浏览器就会跟服务端商量是否关闭TCP 连接。如果不关闭，TCP 连接一直开着，会有一定的消耗，但如果还有请求，可以直接在这个TCP 上发送（不需要经过三次握手这样的连接的消耗）；...

2019-06-20 17:44:19 16367

原创 Cookie

cookieCookie 是服务端返回数据的时候，通过 Set-Cookie 这个 header，设置到浏览器中，并保存在浏览器中的内容。浏览器保存了这个Cookie 后，下次在同域的请求中，就会带上这个Cookie。Cookie 是键值对的形式保存的，可以设置多个。cookie 属性max-age 和 expires 设置过期时间Secure 只在 https 的时候发送...

2019-06-17 20:42:09 138

原创缓存验证 Last-Modified & Etag

上篇文章我们知道，当我们给Catch-Control 设置了 no-catch 后，每次浏览器对这个资源的请求时，都会到服务器端进行资源验证，验证完之后，如果确定这个资源可以使用缓存，浏览器才会读取本地的缓存。下面是浏览器请求数据过程中关于缓存的步骤。进行数据验证，主要是有两个Header： Last-Modified 与 Etag .Last-Modified 即上次修改时间。...

2019-06-16 18:25:35 1037

原创缓存头 Cache-Control 的含义和使用

本篇我们来写一下HTTP 中的缓存，即Cache-Control 。Cache-Control 的可缓存性（指明哪些地方可以缓存返回的数据）： - public (HTTP 返回的时候在Heaher 中设置Cache-Control 的值为‘public’。它代表，这个HTTP 请求它返回的内容所经过的任何路径中，包括中间的一些HTTP 代理服务器以及发出请求的客户端浏览器，都可以进行对...

2019-06-16 17:38:17 19285 1

purple_lumpy的博客