update

dist/assets/js/34.52b6337c.js

@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[34],{202:function(t,i,s){"use strict";s.r(i);var e=s(0),r=Object(e.a)({},function(){var t=this.$createElement,i=this._self._c||t;return i("div",{staticClass:"content"},[this._m(0),this._v(" "),i("ul",[i("li",[i("router-link",{attrs:{to:"./BasicAjax.html"}},[this._v("BasicAjax")])],1),this._v(" "),i("li",[i("router-link",{attrs:{to:"./HTTP.html"}},[this._v("HTTP")])],1),this._v(" "),i("li",[i("router-link",{attrs:{to:"./Terminology.html"}},[this._v("Terminology")])],1)])])},[function(){var t=this.$createElement,i=this._self._c||t;return i("h1",{attrs:{id:"面试"}},[i("a",{staticClass:"header-anchor",attrs:{href:"#面试","aria-hidden":"true"}},[this._v("#")]),this._v(" 面试")])}],!1,null,null,null);r.options.__file="README.md";i.default=r.exports}}]);

dist/assets/js/35.4bcf4f17.js

@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[35],{203:function(t,e,i){"use strict";i.r(e);var a=i(0),n=Object(a.a)({},function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"content"},[t._m(0),t._v(" "),t._m(1),t._v(" "),i("p",[i("a",{attrs:{href:"https://en.wikipedia.org/wiki/Specification_(technical_standard)",target:"_blank",rel:"noopener noreferrer"}},[t._v("维基百科的释义"),i("OutboundLink")],1)]),t._v(" "),t._m(2),t._v(" "),i("p",[i("a",{attrs:{href:"https://en.wikipedia.org/wiki/Implementation",target:"_blank",rel:"noopener noreferrer"}},[t._v("维基百科的释义"),i("OutboundLink")],1)])])},[function(){var t=this.$createElement,e=this._self._c||t;return e("h1",{attrs:{id:"专业术语"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#专业术语","aria-hidden":"true"}},[this._v("#")]),this._v(" 专业术语")])},function(){var t=this.$createElement,e=this._self._c||t;return e("h5",{attrs:{id:"specification-技术规范"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#specification-技术规范","aria-hidden":"true"}},[this._v("#")]),this._v(" Specification(技术规范)")])},function(){var t=this.$createElement,e=this._self._c||t;return e("h5",{attrs:{id:"implementation-实现方式"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#implementation-实现方式","aria-hidden":"true"}},[this._v("#")]),this._v(" implementation(实现方式)")])}],!1,null,null,null);n.options.__file="Terminology.md";e.default=n.exports}}]);

dist/assets/js/34.6c74c62d.js → dist/assets/js/38.beeb39fe.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[34],{202:function(t,s,i){"use strict";i.r(s);var e=i(0),r=Object(e.a)({},function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticClass:"content"},[this._m(0),this._v(" "),s("ul",[s("li",[s("router-link",{attrs:{to:"./one.html"}},[this._v("实验")])],1),this._v(" "),s("li",[s("router-link",{attrs:{to:"./2018_10_28_01.html"}},[this._v("案例")])],1),this._v(" "),s("li",[s("router-link",{attrs:{to:"./2018_10_29_02.html"}},[this._v("代码收集")])],1)])])},[function(){var t=this.$createElement,s=this._self._c||t;return s("h1",{attrs:{id:"js目录"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#js目录","aria-hidden":"true"}},[this._v("#")]),this._v(" JS目录")])}],!1,null,null,null);r.options.__file="README.md";s.default=r.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[38],{206:function(t,s,i){"use strict";i.r(s);var e=i(0),r=Object(e.a)({},function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticClass:"content"},[this._m(0),this._v(" "),s("ul",[s("li",[s("router-link",{attrs:{to:"./one.html"}},[this._v("实验")])],1),this._v(" "),s("li",[s("router-link",{attrs:{to:"./2018_10_28_01.html"}},[this._v("案例")])],1),this._v(" "),s("li",[s("router-link",{attrs:{to:"./2018_10_29_02.html"}},[this._v("代码收集")])],1)])])},[function(){var t=this.$createElement,s=this._self._c||t;return s("h1",{attrs:{id:"js目录"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#js目录","aria-hidden":"true"}},[this._v("#")]),this._v(" JS目录")])}],!1,null,null,null);r.options.__file="README.md";s.default=r.exports}}]);

dist/assets/js/36.60b07206.js → dist/assets/js/40.541c58b5.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[36],{204:function(t,e,s){"use strict";s.r(e);var n=s(0),i=Object(n.a)({},function(){this.$createElement;this._self._c;return this._m(0)},[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"content"},[e("h2",{attrs:{id:"_2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_2","aria-hidden":"true"}},[this._v("#")]),this._v(" 2")])])}],!1,null,null,null);i.options.__file="two.md";e.default=i.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[40],{208:function(t,e,s){"use strict";s.r(e);var n=s(0),i=Object(n.a)({},function(){this.$createElement;this._self._c;return this._m(0)},[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"content"},[e("h2",{attrs:{id:"_2"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_2","aria-hidden":"true"}},[this._v("#")]),this._v(" 2")])])}],!1,null,null,null);i.options.__file="two.md";e.default=i.exports}}]);

dist/assets/js/39.66695909.js → dist/assets/js/43.c302fe82.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{207:function(t,e,s){"use strict";s.r(e);var n=s(0),i=Object(n.a)({},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"content"},[this._m(0),this._v(" "),e("ul",[e("li",[e("router-link",{attrs:{to:"./01_nodejs_phantomjs_nodemailer.html"}},[this._v("代码块")])],1),this._v(" "),e("li",[e("router-link",{attrs:{to:"./2018_10_28_01.html"}},[this._v("npm")])],1)])])},[function(){var t=this.$createElement,e=this._self._c||t;return e("h1",{attrs:{id:"node目录"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#node目录","aria-hidden":"true"}},[this._v("#")]),this._v(" node目录")])}],!1,null,null,null);i.options.__file="README.md";e.default=i.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[43],{211:function(t,e,s){"use strict";s.r(e);var n=s(0),i=Object(n.a)({},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"content"},[this._m(0),this._v(" "),e("ul",[e("li",[e("router-link",{attrs:{to:"./01_nodejs_phantomjs_nodemailer.html"}},[this._v("代码块")])],1),this._v(" "),e("li",[e("router-link",{attrs:{to:"./2018_10_28_01.html"}},[this._v("npm")])],1)])])},[function(){var t=this.$createElement,e=this._self._c||t;return e("h1",{attrs:{id:"node目录"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#node目录","aria-hidden":"true"}},[this._v("#")]),this._v(" node目录")])}],!1,null,null,null);i.options.__file="README.md";e.default=i.exports}}]);

dist/assets/js/40.d2f1d4c1.js → dist/assets/js/44.bfc0eb08.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[40],{208:function(t,n,e){"use strict";e.r(n);var s=e(0),i=Object(s.a)({},function(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"content"})},[],!1,null,null,null);i.options.__file="README.md";n.default=i.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[44],{212:function(t,n,e){"use strict";e.r(n);var s=e(0),i=Object(s.a)({},function(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"content"})},[],!1,null,null,null);i.options.__file="README.md";n.default=i.exports}}]);

dist/assets/js/44.ee47e3c7.js → dist/assets/js/48.2a251bfc.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[44],{212:function(t,i,s){"use strict";s.r(i);var e=s(0),n=Object(e.a)({},function(){var t=this.$createElement,i=this._self._c||t;return i("div",{staticClass:"content"},[this._m(0),this._v(" "),i("ul",[i("li",[i("router-link",{attrs:{to:"./2018_10_28_01.html"}},[this._v("日常使用技巧")])],1),this._v(" "),i("li",[i("router-link",{attrs:{to:"./2018_10_28_02.html"}},[this._v("安装软件")])],1),this._v(" "),i("li",[i("router-link",{attrs:{to:"./2018_10_28_03.html"}},[this._v("SERVES")])],1)])])},[function(){var t=this.$createElement,i=this._self._c||t;return i("h1",{attrs:{id:"ubuntu目录"}},[i("a",{staticClass:"header-anchor",attrs:{href:"#ubuntu目录","aria-hidden":"true"}},[this._v("#")]),this._v(" ubuntu目录")])}],!1,null,null,null);n.options.__file="README.md";i.default=n.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[48],{216:function(t,i,s){"use strict";s.r(i);var e=s(0),n=Object(e.a)({},function(){var t=this.$createElement,i=this._self._c||t;return i("div",{staticClass:"content"},[this._m(0),this._v(" "),i("ul",[i("li",[i("router-link",{attrs:{to:"./2018_10_28_01.html"}},[this._v("日常使用技巧")])],1),this._v(" "),i("li",[i("router-link",{attrs:{to:"./2018_10_28_02.html"}},[this._v("安装软件")])],1),this._v(" "),i("li",[i("router-link",{attrs:{to:"./2018_10_28_03.html"}},[this._v("SERVES")])],1)])])},[function(){var t=this.$createElement,i=this._self._c||t;return i("h1",{attrs:{id:"ubuntu目录"}},[i("a",{staticClass:"header-anchor",attrs:{href:"#ubuntu目录","aria-hidden":"true"}},[this._v("#")]),this._v(" ubuntu目录")])}],!1,null,null,null);n.options.__file="README.md";i.default=n.exports}}]);

dist/assets/js/45.073d6630.js → dist/assets/js/49.5b6cf57b.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[45],{213:function(t,e,r){"use strict";r.r(e);var s=r(0),n=Object(s.a)({},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"content"},[this._m(0),this._v(" "),e("p",[e("a",{attrs:{href:"https://www.cnblogs.com/kdcg/p/9376737.html",target:"_blank",rel:"noopener noreferrer"}},[this._v("vue vue-router 完美实现前进刷新，后退不刷新。附 scrollBehavior 源码解析"),e("OutboundLink")],1)])])},[function(){var t=this.$createElement,e=this._self._c||t;return e("h1",{attrs:{id:"vue-router"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#vue-router","aria-hidden":"true"}},[this._v("#")]),this._v(" vue-router")])}],!1,null,null,null);n.options.__file="2018_10_31_01.md";e.default=n.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[49],{217:function(t,e,r){"use strict";r.r(e);var s=r(0),n=Object(s.a)({},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"content"},[this._m(0),this._v(" "),e("p",[e("a",{attrs:{href:"https://www.cnblogs.com/kdcg/p/9376737.html",target:"_blank",rel:"noopener noreferrer"}},[this._v("vue vue-router 完美实现前进刷新，后退不刷新。附 scrollBehavior 源码解析"),e("OutboundLink")],1)])])},[function(){var t=this.$createElement,e=this._self._c||t;return e("h1",{attrs:{id:"vue-router"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#vue-router","aria-hidden":"true"}},[this._v("#")]),this._v(" vue-router")])}],!1,null,null,null);n.options.__file="2018_10_31_01.md";e.default=n.exports}}]);

dist/assets/js/47.711129f7.js → dist/assets/js/51.8b5cdf0b.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[47],{215:function(t,e,s){"use strict";s.r(e);var a=s(0),i=Object(a.a)({},function(){this.$createElement;this._self._c;return this._m(0)},[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"content"},[e("h1",{attrs:{id:"vue目录"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#vue目录","aria-hidden":"true"}},[this._v("#")]),this._v(" vue目录")]),this._v(" "),e("h3",{attrs:{id:"vues"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#vues","aria-hidden":"true"}},[this._v("#")]),this._v(" vues")])])}],!1,null,null,null);i.options.__file="README.md";e.default=i.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[51],{219:function(t,e,s){"use strict";s.r(e);var a=s(0),i=Object(a.a)({},function(){this.$createElement;this._self._c;return this._m(0)},[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"content"},[e("h1",{attrs:{id:"vue目录"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#vue目录","aria-hidden":"true"}},[this._v("#")]),this._v(" vue目录")]),this._v(" "),e("h3",{attrs:{id:"vues"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#vues","aria-hidden":"true"}},[this._v("#")]),this._v(" vues")])])}],!1,null,null,null);i.options.__file="README.md";e.default=i.exports}}]);

docs/.vuepress/config.js

@@ -1,7 +1,7 @@
 module.exports = {
   title: '看白鹿的博客',
   description: '只有敢于尝试,才能品味人生.',
-  base: '/myBlogs/',
+  // base: '/myBlogs/',
 
   dest: 'dist',
   head: [
@@ -70,6 +70,10 @@ module.exports = {
             text: '待了解',
             link: '/About/WHY.md',
           },
+          {
+            text: '面试',
+            link: '/INTERVIEW/',
+          },
         ],
       },
       // 下拉列表
@@ -99,6 +103,7 @@ module.exports = {
       '/FLUTTER/': ['', '2018_10_25_01'],
       '/GIT/': ['', '2018_10_22_01', '2018_10_22_02', '2018_10_31_01'],
       '/IDE/': ['', '2018_10_28_01'],
+      '/INTERVIEW/': ['', 'BasicAjax', 'HTTP', 'Terminology'],
       '/JavaScript/': ['', 'one', '2018_10_29_02', '2018_10_28_01'],
       '/NODE/': ['', '01_nodejs_phantomjs_nodemailer', '2018_10_28_01'],
       '/UBUNTU/': ['', '2018_10_28_01', '2018_10_28_02', '2018_10_28_03'],

docs/INTERVIEW/BasicAjax.md

@@ -0,0 +1,110 @@
+# BasicAjax
+
+## Ajax
+
+定义:用 JavaScript 执行异步网络请求<br>
+[资料](https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434499861493e7c35be5e0864769a2c06afb4754acc6000)
+
+### code
+
+```js
+function success(text) {
+  var textarea = document.getElementById('test-response-text');
+  textarea.value = text;
+}
+
+function fail(code) {
+  var textarea = document.getElementById('test-response-text');
+  textarea.value = 'Error code: ' + code;
+}
+
+var request; // 新建XMLHttpRequest对象
+if (window.XMLHttpRequest) {
+  request = new XMLHttpRequest();
+} else {
+  request = new ActiveXObject('Microsoft.XMLHTTP');
+}
+request.onreadystatechange = function() {
+  // 状态发生变化时，函数被回调
+  if (request.readyState === 4) {
+    // 成功完成
+    // 判断响应结果:
+    if (request.status === 200) {
+      // 成功，通过responseText拿到响应的文本:
+      return success(request.responseText);
+    } else {
+      // 失败，根据响应码判断失败原因:
+      return fail(request.status);
+    }
+  } else {
+    // HTTP请求还在继续...
+  }
+};
+
+// 发送请求:
+request.open('GET', '/api/categories');
+request.send();
+
+alert('请求已发送，请等待响应...');
+```
+
+通过检测`window`对象是否有`XMLHttpRequest`属性来确定浏览器是否支持标准的`XMLHttpRequest`。注意，不要根据浏览器的`navigator.userAgent`来检测浏览器是否支持某个`JavaScript`特性，一是因为这个字符串本身可以伪造，二是通过 IE 版本判断`JavaScript`特性将非常复杂。<br/>
+<br/>
+当创建了`XMLHttpRequest`对象后，要先设置`onreadystatechange`的回调函数。在回调函数中，通常我们只需通过`readyState === 4`判断请求是否完成，如果已完成，再根据`status === 200`判断是否是一个成功的响应。<br/>
+<br/>
+`XMLHttpRequest`对象的`open()`方法有 3 个参数，第一个参数指定是`GET`还是`POST`，第二个参数指定`URL`地址，第三个参数指定是否使用异步，默认是`true`，所以不用写。<br/>
+<br/>
+注意，千万不要把第三个参数指定为`false`，否则浏览器将停止响应，直到`AJAX`请求完成。如果这个请求耗时 10 秒，那么 10 秒内你会发现浏览器处于“假死”状态。
+
+最后调用 send()方法才真正发送请求。GET 请求不需要参数，POST 请求需要把 body 部分以字符串或者 FormData 对象传进去。<br/>
+
+## get | post 的区别
+
+[知乎](https://www.zhihu.com/question/28586791)
+
+#### RFC7231 里定义了 HTTP 方法的几个性质：
+
+##### 1.Safe - 安全
+
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;这里的「安全」和通常理解的「安全」意义不同，如果一个方法的语义在本质上是「只读」的，那么这个方法就是安全的。客户端向服务端的资源发起的请求如果使用了是安全的方法，就不应该引起服务端任何的状态变化，因此也是无害的。 此 RFC 定义，GET, HEAD, OPTIONS 和 TRACE 这几个方法是安全的。但是这个定义只是规范，并不能保证方法的实现也是安全的，服务端的实现可能会不符合方法语义，正如上文说过的使用 GET 修改用户信息的情况。引入安全这个概念的目的是为了方便网络爬虫和缓存，以免调用或者缓存某些不安全方法时引起某些意外的后果。User Agent（浏览器）应该在执行安全和不安全方法时做出区分对待，并给用户以提示。<br>
+
+##### 2.Idempotent - 幂等
+
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;幂等的概念是指同一个请求方法执行多次和仅执行一次的效果完全相同。按照 RFC 规范，PUT，DELETE 和安全方法都是幂等的。同样，这也仅仅是规范，服务端实现是否幂等是无法确保的。引入幂等主要是为了处理同一个请求重复发送的情况，比如在请求响应前失去连接，如果方法是幂等的，就可以放心地重发一次请求。这也是浏览器在后退/刷新时遇到 POST 会给用户提示的原因：POST 语义不是幂等的，重复请求可能会带来意想不到的后果。<br>
+
+##### 3.Cacheable - 可缓存性
+
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;顾名思义就是一个方法是否可以被缓存，此 RFC 里 GET，HEAD 和某些情况下的 POST 都是可缓存的，但是绝大多数的浏览器的实现里仅仅支持 GET 和 HEAD。关于缓存的更多内容可以去看[RFC7234](https://tools.ietf.org/html/rfc7234)。<br>
+
+总而言之:
+GET 的语义是请求获取指定的资源。GET 方法是安全、幂等、可缓存的（除非有 Cache-ControlHeader 的约束）,GET 方法的报文主体没有任何语义。POST 的语义是根据请求负荷（报文主体）对指定的资源做出处理，具体的处理方式视资源类型而不同。POST 不安全，不幂等，（大部分实现）不可缓存。为了针对其不可缓存性，有一系列的方法来进行优化，以后有机会再研究（FLAG 已经立起）。还是举一个通俗栗子吧，在微博这个场景里，GET 的语义会被用在「看看我的 Timeline 上最新的 20 条微博」这样的场景，而 POST 的语义会被用在「发微博、评论、点赞」这样的场景中。<br>
+
+作者：杨光<br>
+链接：https://www.zhihu.com/question/28586791/answer/145424285<br>
+来源：知乎<br>
+著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。<br>
+
+### w3school 解释
+
+比较 GET 与 POST<br>
+下面的表格比较了两种 HTTP 方法：GET 和 POST。<br>
+
+| 说明             | GET                                                                                                              | POST                                                                                 |
+| :--------------- | :--------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------- |
+| 后退按钮/刷新    | 无害                                                                                                             | 数据会被重新提交（浏览器应该告知用户数据会被重新提交）。                             |
+| 书签             | 可收藏为书签                                                                                                     | 不可收藏为书签                                                                       |
+| 缓存             | 能被缓存                                                                                                         | 不可收藏为书签                                                                       |
+| 编码类型         | application/x-www-form-urlencoded                                                                                | application/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编码。 |
+| 历史             | 参数保留在浏览器历史中。                                                                                         | 参数不会保存在浏览器历史中。                                                         |
+| 对数据长度的限制 | 是的。当发送数据时，GET 方法向 URL 添加数据；URL 的长度是受限制的（URL 的最大长度是 2048 个字符）。              | 无限制。                                                                             |
+| 对数据类型的限制 | 只允许 ASCII 字符。                                                                                              | 没有限制。也允许二进制数据。                                                         |
+| 安全性           | 与 POST 相比，GET 的安全性较差，因为所发送的数据是 URL 的一部分。<br>在发送密码或其他敏感信息时绝不要使用 GET ！ | POST 比 GET 更安全，因为参数不会被保存在浏览器历史或 web 服务器日志中。              |
+| 可见性           | 数据在 URL 中对所有人都是可见的。                                                                                | 数据不会显示在 URL 中。                                                              |
+
+#####补充一个 get 和 post 在缓存方面的区别:
+1.get 请求类似于查找的过程，用户获取数据，可以不用每次都与数据库连接，所以可以使用缓存。<br>
+2.post 不同，post 做的一般是修改和删除的工作，所以必须与数据库交互，所以不能使用缓存。因此 get 请求适合于请求缓存。<br>
+
+
+## 补充
+get请求传参长度的误区 第一点:get|post请求,都没有长度的限制,get求限制来自于浏览器与服务器

docs/INTERVIEW/HTTP.md

@@ -0,0 +1,219 @@
+## http post 传送文件详解([转载](https://blog.csdn.net/xyz_1991/article/details/51320578))
+
+### 首先客户端链接 192.168.24.56 后, 应该发送如下 http 请求：
+
+```bash
+POST/logsys/home/uploadIspeedLog!doDefault.html HTTP/1.1
+
+Accept: text/plain, _/_
+Accept-Language: zh-cn
+Host: 192.168.24.56
+Content-Type:multipart/form-data;
+boundary=-----------------------------7db372eb000e2
+User-Agent: WinHttpClient
+Content-Length: 3693
+Connection: Keep-Alive
+-------------------------------7db372eb000e2
+Content-Disposition: form-data; name="file"; filename="kn.jpg"
+Content-Type: image/jpeg
+(此处省略 jpeg 文件二进制数据...）
+-------------------------------7db372eb000e2--
+```
+
+此内容必须一字不差，包括最后的回车，红色字体部分就是协议的头。给服务器上传数据时，并非协议头每个字段都得说明，其中，`content-type`是必须的，它包括一个类似标志性质的名为`boundary`的标志，**_它可以是随便输入的字符串。对后面的具体内容也是必须的。它用来分辨一段内容的开始。_**Content-Length:
+3693 ，这里的 3693 是要上传文件的总长度。绿色字体部分就是需要上传的数据，可以是文本，也可以是图片等。数据内容前面需要有 `Content-Disposition`, `Content-Type` 以及 `Content-Transfer-Encoding` 等说明字段。最后的紫色部分就是协议的结尾了。<br/>
+
+`注意这一行`：<br/>
+
+`Content-Type: multipart/form-data;` `boundary=---------------------------7db372eb000e2`<br/>
+根据 `rfc1867`, `multipart/form-data` 是必须的. <br/>
+`---------------------------7db372eb000e2`  是分隔符，分隔多个文件、表单项。其中 `b372eb000e2`是即时生成的一个数字，用以确保整个分隔符不会在文件或表单项的内容中出现。**_Form 每个部分用分隔符分割，分隔符之前必须加上"--"着两个字符(即--{boundary})才能被 http 协议认为是 Form 的分隔符，表示结束的话用在正确的分隔符后面添加"--"表示结束。_**<br/>
+
+前面的 `---------------------------7d` 是 `IE` 特有的标志,`Mozila` 为`---------------------------71` <br/>
+
+每个分隔的数据的都可以用 `Content-Type` 来表示下面数据的类型，可以参考 `rfc1341` ([http://www.ietf.org/rfc/rfc1341.txt](https://www.ietf.org/rfc/rfc1341.txt))<br/>
+
+`例如` ：`Contect-Type:image/jpeg` 表示下面的数据是 `jpeg` 文件数据<br/>
+
+`转载`：[http://www.cnblogs.com/liangbin/articles/2117288.html](http://www.cnblogs.com/liangbin/articles/2117288.html)<br/>
+
+******************************\*\*******************************\*\*\*******************************\*\*******************************<br/>
+
+### `HTTP 响应`
+
+在接收和解释请求消息后，服务器会返回一个 `HTTP` 响应消息。<br/>
+与 `HTTP` 请求类似，`HTTP` 响应也是三个部分组成，分别是： <br/>
+状态行、消息报头、响应正文。 <br/>
+`状态行`：  <br/>
+状态行由协议版本、数字形式的状态代码、及相应的状态描述，各元素之间以空格分隔。<br/>
+
+`格式`: HTTP-Version Status-Code Reason-Phrase CRLF <br/>
+`例如`: HTTP/1.1 200 OK \r\n<br/>
+
+`状态代码`：  <br/>
+状态代码由 `3` 位数字组成，表示请求是否被理解或被满足。<br/>
+
+`状态描述：`  <br/>
+状态描述给出了关于状态代码的简短的文字描述。  <br/>
+
+状态代码的第一个数字定义了响应的类别，后面两位没有具体的分类。  <br/>
+第一个数字有五种可能的取值：  <br/>
+
+- 1xx:     指示信息—表示请求已接收，继续处理。
+- 2xx:     成功—表示请求已经被成功接收、理解、接受。
+- 3xx:     重定向—要完成请求必须进行更进一步的操作。
+- 4xx:     客户端错误—请求有语法错误或请求无法实现。
+- 5xx: 服务器端错误—服务器未能实现合法的请求。
+
+| 状态代码 |       状态描述        | 说明                                                                           |
+| :------- | :-------------------: | :----------------------------------------------------------------------------- |
+| 200      |          OK           | 客户端请求成功                                                                 |
+| 400      |          Bad          | Request 由于客户端请求有语法错误，不能被服务器所理解。                         |
+| 401      |      Unauthonzed      | 请求未经授权。这个状态代码必须和 `WWW-Authenticate` 报头域一起使用             |
+| 403      |       Forbidden       | 服务器收到请求，但是拒绝提供服务。服务器通常会在响应正文中给出不提供服务的原因 |
+| 404      |       Not Found       | 请求的资源不存在，例如，输入了错误的 `URL`。                                   |
+| 500      | Internal Server Error | 服务器发生不可预期的错误，导致无法完成客户端的请求。                           |
+| 503      |  Service Unavailable  | 服务器当前不能够处理客户端的请求，在一段时间之后，服务器可能会恢复正常。       |
+
+#### HTTP消息
+`HTTP消息`由客户端到服务器的请求和服务器到客户端的响应组成。请求消息和响应消息都是由开始行，消息报头(可选的)，空行(只有`CTLF`的行)，消息正文(可选的)组成。 <br/>
+对于请求消息，开始行就是请求行。 <br/>
+对于响应消息，开始行就是状态行。<br/>
+#### 消息报头
+HTTP 消息报头包括普通报头、请求报头、响应报头、实体报头。<br/>
+每一个报头域都是由(名字＋":"＋空格＋值)组成,消息报头域的名字是大小写无关的。<br/>
+#### 普通报头
+在普通报头中，有少数报头域应用于所有的请求和响应消息，但并不用于被传输的实体，这些报头域只用于传输的消息。<br/>
+
+常用的普通报头域：`Cache-Control`,`Date`,`Connection`,`Pragma`.<br/>
+
+#### 请求报头
+请求报头允许客户端向服务器端传递该请求的附加信息以及客户端自身的信息。<br/>
+**_`常用的请求报头域：`_**<br/>
+
+`Accept`
+
+- `Accept`请求报头域用语指定客户端接受哪些类型的信息。例如：`Accept`: `image/gif`,表明客户端希望接受`GIF图象格式`的资源；`Accept`: `text/html`,表明客户端希望接受`html文本`
+
+`Accept-Charset`
+
+- `Accept-Charset`请求报头域用于指定客户端接受的字符集。例如：`Accept-Charset`: `ios-8859-1`,`gb2312`。如果在请求消息中没有设置这个域，缺省是任何字符集都可以接受。
+
+`Accept-Encoding`
+
+- `Accept-Encoding`请求报头域类似`Accept`，但是它是用于指定可接受的内容编码。例如：`Accept-Encoding`: `gzip`, `deflate`。如果请求消息中没有设置这个域，服务器假定客户端对各种内容编码都可接受。
+
+`Accept-Language`
+
+- `Accept-Language`请求报头域类似于`Accept`,但是它是用于指定一种自然语言。例如：`Accept-Language`: `zh-cn`。如果请求消息中没有设置这个域，服务器假定客户端对各种语言都可接受。
+
+`Authorization`
+
+- `Authorization`请求报头域主要用于证明客户端有权查看某个资源。当浏览器访问一个页面时，如果收到服务器的响应代码为`401`(未授权)，可以发送一个包含`Authorization`请求报头域的请求，要服务器对其进行验证。
+
+`Host`
+
+- `Host`请求报头域主要用于指定被请求资源的`Internet`主机和端口号，它通常是从`HTTP URL`中提取出来的。
+    例如:http://www.sunxin.org/index.html。浏览器发送的请求消息中，就会包含`Host`请求报头域，如下：Host:   www.sunxin.org
+- 后面没有跟端口号，表明使用的是缺省端口号`80`，如果端口号不是`80`，那么就要在主机名后面加上一个冒号(":"),然后接上端口号，例如：
+- `Host`: `www.sunxin.org:8080`。 要注意的是，在发送`HTTP`请求的时候，这个报头域是必须的。  
+  `User-Agent`
+- `User-Agent`允许客户端将它的操作系统浏览器和其他属性告诉服务器。我们上网登陆论坛的时候，往往看到些欢迎信息，其中列出了你的操作系统的名称和版本等等信息。原因是：服务器从`User-Agent`请求报头域中获取的这些信息，自己编写浏览器可以不用这个请求报头域。服务器就无法得知了。
+
+---
+
+### `响应报头`
+
+响应报头允许服务器传递不能放在状态行中的附加响应信息，以及关于服务器的信息和对`Request-URI`所标识的资源进行下一步访问的信息。<br/>
+常用的响应报头域：<br/>
+`Location`
+
+- `Location`响应报头域用于重定向接受者到一个新的位置。例如：客户端所请求的页面已不存在原先的位置，为了让客户端重定向到这个页面新的位置，服务器端可以发回`Location`响应报头后使用重定向语句，让客户端去访问新的域名所对应的服务器上的资源。当我们在`JSP`中使用重定向语句的时候，服务器端向客户端发回的响应报头中，就会有 Location 响应报头域。下面是`Location`响应报头域的一个例子：`Location`:`http://www.sunxin.org`
+
+`Server`
+
+- `Server`响应报头域包含了服务器用来处理请求的软件信息。它和`User-Agent`请求报头域是相对应的，前者发送服务器端软件的信息，后者发送客户端软件(浏览器)和操作系统的信息。下面是`Server`响应报头域的一个例子：`Server`: `Apache-Coyote/1.1`
+
+`WWW-Authenticate`
+
+- `WWW-Authenticate`响应报头域必须被包含在`401`(未授权的)响应消息中，这个报头域和前面讲到的`Authorization`请求报头域是相关的，当客户端收到`401`响应消息，就要决定是否请求服务器对其进行验证。如果要求服务器对其进行验证，就可以发送一个包含了`Authorization`报头域的请求，下面是 WWW-Authenticate 响应报头域的一个例子：`WWW-Authenticate`:  `Basic realm="Basic Auth Test!"`
+
+从这个响应报头域，可以知道服务器端对我们所请求的资源采用的是基本验证机制。
+
+`实体报头`
+
+- 请求和响应消息都可以传送一个实体。一个实体由实体报头域和实体正文组成，大多数情况下，实体正文就是请求消息中的请求正文或者响应消息中的响应正文。但是在发送时，并不是说实体报头域和实体正文要在一起发送，例如：有些响应可以只包含实体报头域。实体就好象我们写的书信，在信中，我们可以写上标题，加上页号等，这部分就相当于是实体报头域，而我们所写的书信的内容，就相当于实体正文。前面说讲的普通报头、请求报头、响应报头我们可以看成是写在信封上的邮编、接收者，发送者等内容。<br/>
+  实体报头定义了关于实体正文(例如：有无实体正文)和请求所标识的资源的元信息。<br/>
+  所谓元信息，是指描述其他信息的信息。<br/>
+
+**_`常用的实体报头域：`_**
+
+`Content-Encoding`
+
+- `Content-Encoding`实体报头域被使用作媒体类型的修饰符，它的值指示了已经被应用到实体正文的附加内容编码，因而要获得`Content-Type`报头域中所引用的媒体类型，必须采用相应的解码机制。`Content-Encoding`主要用语记录文档的压缩方法，下面是它的一个例子：`Content-Encoding`:   `gzip`。如果一个实体正文采用了编码方式存储，在使用之前就必须进行解码。
+
+`Content-Language`
+
+- `Content-Language`实体报头域描述了资源所用的自然语言。Content-Language 允许用户遵照自身的首选语言来识别和区分实体。如果这个实体内容仅仅打算提供给丹麦的阅读者，那么可以按照如下的方式设置这个实体报头域：`Content-Language`: `da`。
+- 如果没有指定`Content-Language`报头域，那么实体内容将提供给所以语言的阅读者。
+
+`Content-Length`
+
+- Content-Length 实体报头域用于指明正文的长度，以字节方式存储的十进制数字来表示，也就是一个数字字符占一个字节，用其对应的 ASCII 码存储传输。
+- 要注意的是：这个长度仅仅是表示实体正文的长度，没有包括实体报头的长度。
+
+`Content-Type`
+
+- Content-Type 实体报头域用语指明发送给接收者的实体正文的媒体类型。例如：
+- Content-Type: text/html;charset=ISO-8859-1
+- Content-Type: text/html;charset=GB2312
+
+`Last-Modified`
+
+- Last-Modified 实体报头域用于指示资源最后的修改日期及时间。
+
+`Expires`
+
+- `Expires`实体报头域给出响应过期的日期和时间。通常，代理服务器或浏览器会缓存一些页面。当用户再次访问这些页面时，直接从缓存中加载并显示给用户，这样缩短了响应的时间，减少服务器的负载。为了让代理服务器或浏览器在一段时间后更新页面，我们可以使用`Expires`实体报头域指定页面过期的时间。当用户又一次访问页面时，如果`Expires`报头域给出的日期和时间比`Date`普通报头域给出的日期和时间要早(或相同)，那么代理服务器或浏览器就不会再使用缓存的页面而是从服务器上请求更新的页面。不过要注意，即使页面过期了，也并不意味着服务器上的原始资源在此时间之前或之后发生了改变。
+- `Expires`实体报头域使用的日期和时间必须是`RFC 1123`中的日期格式，例如：`Expires: Thu, 15 Sep 2005 16:00:00 GMT`
+- `HTTP1.1`的客户端和缓存必须将其他非法的日期格式(也包括 0)看作已过期。例如，为了让浏览器不要缓存页面，我们也可以利用`Expires`实体报头域，设置它的值为`0`，如下(`JSP`)：`response.setDateHeader("Expires",0)`;
+
+`除掉注释的部分就是一个完整的包，向/user/tmpUpload.php上传了一个文件。`
+
+```bash
+ =========http头==========
+  POST   /user/tmpUpload.php   HTTP/1.1
+  Content-Type:   multipart/form-data;
+  boundary=---------------------------7d53b9297030e
+  Content-Length:   1017
+
+  -----------------------------7d53b9297030e
+  Content-Disposition:   form-data;
+  name="upload";
+  filename="C:\Documents.and.Settings\hwy\桌面\attachment"
+  Content-Type:   p
+
+            111111111111111111111111111111111111111
+          11111111111111111111111111111111111111111
+          11111111111111111111111111111111111111111
+          11111111111111111111111111111111111111111
+          11111111111111111111111111111111111111111
+          11111111111111111111111111111111111111111
+          11111111111111111111111111111111111111111
+          11111111111111111111111111111111111111111
+          11111111111111111111111111111111111111111
+          11111111111111111111111111111111111111111
+          11111111111111111111111111111111111111111
+          11111111111111111111111111111111111111111
+          11111111111111111111111111111111111111111
+          11111111111111111111111111111111111111111
+          111111111111111111111111111111111111
+
+-----------------------------7d53b9297030e--
+
+    ===========结束============
+```
+
+---
+
+本文来自 xyz_1991 的 CSDN 博客 ，全文地址请点击：https://blog.csdn.net/xyz_1991/article/details/51320578?utm_source=copy

docs/INTERVIEW/README.md

@@ -0,0 +1,5 @@
+# 面试
+
+- [BasicAjax](./BasicAjax.md)
+- [HTTP](./HTTP.md)
+- [Terminology](./Terminology.md)

docs/INTERVIEW/Terminology.md

@@ -0,0 +1,9 @@
+# 专业术语
+
+##### Specification(技术规范)
+
+[维基百科的释义](<https://en.wikipedia.org/wiki/Specification_(technical_standard)>)
+
+##### implementation(实现方式)
+
+[维基百科的释义](https://en.wikipedia.org/wiki/Implementation)