grep 命令指北

在上周的 shell 分享中，涛哥给我们展示了 grep 强大的文本搜索能力。鉴于自己对这一功能的不熟悉，于是利用周末时间赶紧补习。

grep 命令用于从给定的多行数据中筛选出匹配的行。常用的 egrep 是 grep -E 的 alias，fgrep 是 grep -F 的 alias。下面我以 man grep 中的解释以及自己的一些操作来说明其主要 S 操作。

关于请求二三事

请求的方式：

1. get 请求，又有几种细分的方式：
2. post 请求，细分方式：
3. 表单请求（先不管分类依据是否正确）

关于网络请求的 CSP 相关

啥是 CSP？https://developer.mozilla.org/zh-CN/docs/Web/HTTP/CSP。简而言之，就是另一个能保证内容安全的浏览器方式实现安全的方式。

其实不光是页面的 form 跳转，连 ajax 访问都不行。

由上图可见，github.com 首页设置了 Content-Security-Policy 字段，该字段在支持 CSP 的浏览器里，会限制所有内容访问，包括正常的 img 加载，ajax 的 get、post，表单提交等网络访问。不过，只要在 CSP 的允许之内，就能正常访问（并不是说 ajax 就没有跨域的问题了）。CSP 还不支持内联的 js 代码。真是忧愁。

从输入一个地址开始说起

此处省略浏览器发起 DNS 解析请求、发送 http 请求等（后面可能会补充）。就说开始接收数据后浏览器做了啥。

获取到一个 html 文件

完成 Finish Loading（html 文件）后，开始进入 Parse 阶段。在此阶段，会从上到下依次解析，但是，会对 html 中指定的资源提前发起请求（就是说还没解析到这，但为了网络性能的提升，提前利用某种方式找到需要的资源文件，比如 link 中的 css、script 中的 js、以及 img 等等。）。证据如下：

react 单例组件的实现方式

说到 react 的单例，大家可能一哈子就想到了像 Alert 啊，弹层啊、Confirm 啊之类的。没毛病。单例嘛，就是全局唯一一个实例，不可能同时出现两个嘛。是的。极大部分业务情况下是这样的。所以，怎么实现一个单例组件，是个值得思考的问题。