update

dist/assets/css/10.styles.5f2f08d9.css

@@ -0,0 +1 @@
+[data-v-453aebbb]{margin:0;padding:0}.img-wrapper[data-v-453aebbb]{margin-top:30px;display:flex;justify-content:space-around}.img-wrapper>div[data-v-453aebbb]{flex:0 0 100px;border:1px solid}img[data-v-453aebbb]{width:100%;height:100%}

dist/assets/css/10.styles.9265bc06.css

@@ -1 +0,0 @@
-[data-v-dc5f62e6]{margin:0;padding:0}.img-wrapper[data-v-dc5f62e6]{margin-top:30px;display:flex;justify-content:space-around}.img-wrapper>div[data-v-dc5f62e6]{flex:0 0 100px;border:1px solid}img[data-v-dc5f62e6]{width:100%;height:100%}

dist/assets/css/11.styles.0f85bdb6.css

@@ -1 +0,0 @@
-#btn-wrapper[data-v-05250532]{position:fixed;z-index:100;bottom:40%;right:10%;border:1px solid;padding:5px;background-color:#fff}#btn-wrapper>div[data-v-05250532]{margin-bottom:10px;text-align:center}.enabled[data-v-05250532]{color:green}.disabled[data-v-05250532]{color:red}

dist/assets/css/11.styles.912c0e7e.css

@@ -0,0 +1 @@
+#btn-wrapper[data-v-aae1860e]{position:fixed;z-index:100;bottom:40%;right:10%;border:1px solid;padding:5px;background-color:#fff}#btn-wrapper>div[data-v-aae1860e]{margin-bottom:10px;text-align:center}.enabled[data-v-aae1860e]{color:green}.disabled[data-v-aae1860e]{color:red}

dist/assets/css/12.styles.1a6eeedc.css

@@ -1 +0,0 @@
-.article p[data-v-db50aa7e]{text-indent:2em}#btn-wrapper[data-v-db50aa7e]{position:fixed;z-index:100;bottom:10%;right:10%;background-color:#fff;border:1px solid;padding:5px}#btn-wrapper>div[data-v-db50aa7e]{margin-bottom:10px;text-align:center}.enabled[data-v-db50aa7e]{color:green}.disabled[data-v-db50aa7e]{color:red}

dist/assets/css/12.styles.e52ea454.css

@@ -0,0 +1 @@
+.article p[data-v-3adc27e9]{text-indent:2em}#btn-wrapper[data-v-3adc27e9]{position:fixed;z-index:100;bottom:10%;right:10%;background-color:#fff;border:1px solid;padding:5px}#btn-wrapper>div[data-v-3adc27e9]{margin-bottom:10px;text-align:center}.enabled[data-v-3adc27e9]{color:green}.disabled[data-v-3adc27e9]{color:red}

dist/assets/css/9.styles.0c0201a1.css

@@ -1 +0,0 @@
-[data-v-447ca5a2]{margin:0;padding:0}.img-wrapper[data-v-447ca5a2]{margin-top:30px;display:flex;justify-content:space-around}.img-wrapper>div[data-v-447ca5a2]{flex:0 0 100px;border:1px solid}img[data-v-447ca5a2]{width:100%;height:100%}

dist/assets/css/9.styles.99ab620f.css

@@ -0,0 +1 @@
+[data-v-488aec74]{margin:0;padding:0}.img-wrapper[data-v-488aec74]{margin-top:30px;display:flex;justify-content:space-around}.img-wrapper>div[data-v-488aec74]{flex:0 0 100px;border:1px solid}img[data-v-488aec74]{width:100%;height:100%}

dist/assets/js/10.9265bc06.js → dist/assets/js/10.5f2f08d9.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{153:function(e,s,i){},166:function(e,s,i){"use strict";var a=i(153);i.n(a).a},172:function(e,s,i){"use strict";i.r(s);var a={data:function(){return{top:0,imgs:["/images/js/2018_10_28/images/01.png","/images/js/2018_10_28/images/02.png","/images/js/2018_10_28/images/03.png","/images/js/2018_10_28/images/google_plus.png","/images/js/2018_10_28/images/microblog.png","/images/js/2018_10_28/images/qq.png","/images/js/2018_10_28/images/Twitter.png","/images/js/2018_10_28/images/WeChat.png"],key:[37,38,39,40]}},methods:{replacement:function(e){for(var s=this,i=0;i<3;i++)this.$refs.img[i].src="/images/js/2018_10_28/images/0".concat(i+1,".png");this.$nextTick(function(){s.$refs.img[e].src="/images/js/2018_10_28/images/04.png"})}}},n=(i(166),i(0)),t=Object(n.a)(a,function(){var e=this,s=e.$createElement,i=e._self._c||s;return i("div",{staticClass:"dynamic_replacement_image"},[i("div",{staticClass:"img-wrapper"},e._l(e.imgs,function(s,a){return i("div",{key:a},[i("img",{ref:"img",refInFor:!0,attrs:{ondragstart:"return false;",src:s,alt:""},on:{click:function(s){e.replacement(a)}}})])}))])},[],!1,null,"dc5f62e6",null);t.options.__file="dynamic_replacement_image_2.vue";s.default=t.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{153:function(e,s,i){},166:function(e,s,i){"use strict";var a=i(153);i.n(a).a},172:function(e,s,i){"use strict";i.r(s);var a={data:function(){return{top:0,imgs:["/images/js/2018_10_28/images/01.png","/images/js/2018_10_28/images/02.png","/images/js/2018_10_28/images/03.png","/images/js/2018_10_28/images/google_plus.png","/images/js/2018_10_28/images/microblog.png","/images/js/2018_10_28/images/qq.png","/images/js/2018_10_28/images/Twitter.png","/images/js/2018_10_28/images/WeChat.png"],key:[37,38,39,40]}},methods:{replacement:function(e){for(var s=this,i=0;i<3;i++)this.$refs.img[i].src="/images/js/2018_10_28/images/0".concat(i+1,".png");this.$nextTick(function(){s.$refs.img[e].src="/images/js/2018_10_28/images/04.png"})}}},n=(i(166),i(0)),t=Object(n.a)(a,function(){var e=this,s=e.$createElement,i=e._self._c||s;return i("div",{staticClass:"dynamic_replacement_image"},[i("div",{staticClass:"img-wrapper"},e._l(e.imgs,function(s,a){return i("div",{key:a},[i("img",{ref:"img",refInFor:!0,attrs:{ondragstart:"return false;",src:s,alt:""},on:{click:function(s){e.replacement(a)}}})])}))])},[],!1,null,"453aebbb",null);t.options.__file="dynamic_replacement_image_2.vue";s.default=t.exports}}]);

dist/assets/js/11.0f85bdb6.js → dist/assets/js/11.912c0e7e.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{154:function(t,s,e){},167:function(t,s,e){"use strict";var n=e(154);e.n(n).a},171:function(t,s,e){"use strict";e.r(s);var n={data:function(){return{top:"",osStr:"",enabled:"enabled",statusClassName:"enabled"}},methods:{enableF:function(){this.statusClassName="enabled",this.enabled="enabled",document.body.style.position="static",window.scrollTo(0,this.top)},disableF:function(){this.top=window.scrollY,this.statusClassName="disabled",this.enabled="disabled",document.body.style.position="fixed",document.body.style.top=-this.top+"px"}}},i=(e(167),e(0)),a=Object(i.a)(n,function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("div",[e("h1",{on:{click:t.os}},[t._v("OS:"+t._s(t.osStr))]),t._v(" "),e("div",{attrs:{id:"btn-wrapper"}},[e("div",[t._v("\n      移动平台\n    ")]),t._v(" "),e("div",[e("button",{attrs:{id:"enable"},on:{click:t.enableF}},[t._v("enable\n        scrolling")])]),t._v(" "),e("div",[e("button",{attrs:{id:"disable"},on:{click:t.disableF}},[t._v("disable\n        scrolling")])]),t._v(" "),e("div",[e("strong",{class:t.statusClassName,attrs:{id:"status"}},[t._v(t._s(t.enabled))])])])])},[],!1,null,"05250532",null);a.options.__file="html_scroll_mobil.vue";s.default=a.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[11],{154:function(t,s,e){},167:function(t,s,e){"use strict";var n=e(154);e.n(n).a},171:function(t,s,e){"use strict";e.r(s);var n={data:function(){return{top:"",osStr:"",enabled:"enabled",statusClassName:"enabled"}},methods:{enableF:function(){this.statusClassName="enabled",this.enabled="enabled",document.body.style.position="static",window.scrollTo(0,this.top)},disableF:function(){this.top=window.scrollY,this.statusClassName="disabled",this.enabled="disabled",document.body.style.position="fixed",document.body.style.top=-this.top+"px"}}},a=(e(167),e(0)),i=Object(a.a)(n,function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("div",[e("h1",{on:{click:t.os}},[t._v("OS:"+t._s(t.osStr))]),t._v(" "),e("div",{attrs:{id:"btn-wrapper"}},[e("div",[t._v("\n      移动平台\n    ")]),t._v(" "),e("div",[e("button",{attrs:{id:"enable"},on:{click:t.enableF}},[t._v("enable\n        scrolling")])]),t._v(" "),e("div",[e("button",{attrs:{id:"disable"},on:{click:t.disableF}},[t._v("disable\n        scrolling")])]),t._v(" "),e("div",[e("strong",{class:t.statusClassName,attrs:{id:"status"}},[t._v(t._s(t.enabled))])])])])},[],!1,null,"aae1860e",null);i.options.__file="html_scroll_mobil.vue";s.default=i.exports}}]);

dist/assets/js/12.1a6eeedc.js → dist/assets/js/12.e52ea454.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{155:function(e,n,t){},168:function(e,n,t){"use strict";var s=t(155);t.n(s).a},170:function(e,n,t){"use strict";t.r(n);t(12),t(17);var s={data:function(){return{top:"",enabled:"enabled",statusClassName:"enabled"}},methods:{enableF:function(){this.statusClassName="enabled",this.enabled="enabled",window.removeEventListener&&window.removeEventListener("DOMMouseScroll",this.wheel,!1),window.onmousewheel=document.onmousewheel=document.onkeydown=null},disableF:function(){this.top=window.scrollY,this.statusClassName="disabled",this.enabled="disabled",window.addEventListener&&window.addEventListener("DOMMouseScroll",this.wheel,!1),window.onmousewheel=document.onmousewheel=this.wheel,document.onkeydown=this.keydown},wheel:function(e){this.preventDefault(e)},preventDefault:function(e){(e=e||window.event).preventDefault&&e.preventDefault(),e.returnValue=!1},keydown:function(e){for(var n=this.keys.length;n--;)if(e.keyCode===this.keys[n])return void this.preventDefault(e)}}},i=(t(168),t(0)),o=Object(i.a)(s,function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",[t("div",{attrs:{id:"btn-wrapper"}},[t("div",[e._v("桌面环境")]),e._v(" "),t("div",[t("button",{attrs:{id:"enable"},on:{click:e.enableF}},[e._v("enable\n        scrolling")])]),e._v(" "),t("div",[t("button",{attrs:{id:"disable"},on:{click:e.disableF}},[e._v("disable\n        scrolling")])]),e._v(" "),t("div",[t("strong",{class:e.statusClassName,attrs:{id:"status"}},[e._v(e._s(e.enabled))])])])])},[],!1,null,"db50aa7e",null);o.options.__file="html_scroll_pc.vue";n.default=o.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{155:function(e,n,t){},168:function(e,n,t){"use strict";var s=t(155);t.n(s).a},170:function(e,n,t){"use strict";t.r(n);t(12),t(17);var s={data:function(){return{top:"",enabled:"enabled",statusClassName:"enabled"}},methods:{enableF:function(){this.statusClassName="enabled",this.enabled="enabled",window.removeEventListener&&window.removeEventListener("DOMMouseScroll",this.wheel,!1),window.onmousewheel=document.onmousewheel=document.onkeydown=null},disableF:function(){this.top=window.scrollY,this.statusClassName="disabled",this.enabled="disabled",window.addEventListener&&window.addEventListener("DOMMouseScroll",this.wheel,!1),window.onmousewheel=document.onmousewheel=this.wheel,document.onkeydown=this.keydown},wheel:function(e){this.preventDefault(e)},preventDefault:function(e){(e=e||window.event).preventDefault&&e.preventDefault(),e.returnValue=!1},keydown:function(e){for(var n=this.keys.length;n--;)if(e.keyCode===this.keys[n])return void this.preventDefault(e)}}},i=(t(168),t(0)),o=Object(i.a)(s,function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",[t("div",{attrs:{id:"btn-wrapper"}},[t("div",[e._v("桌面环境")]),e._v(" "),t("div",[t("button",{attrs:{id:"enable"},on:{click:e.enableF}},[e._v("enable\n        scrolling")])]),e._v(" "),t("div",[t("button",{attrs:{id:"disable"},on:{click:e.disableF}},[e._v("disable\n        scrolling")])]),e._v(" "),t("div",[t("strong",{class:e.statusClassName,attrs:{id:"status"}},[e._v(e._s(e.enabled))])])])])},[],!1,null,"3adc27e9",null);o.options.__file="html_scroll_pc.vue";n.default=o.exports}}]);

dist/assets/js/15.31b55336.js

@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{195:function(t,e,s){"use strict";s.r(e);var i=s(0),h=Object(i.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:"why-have-this-blogs"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#why-have-this-blogs","aria-hidden":"true"}},[this._v("#")]),this._v(" Why have this Blogs")]),this._v(" "),e("p",[this._v("I believe, I will get the strength I need.")])])}],!1,null,null,null);h.options.__file="WHY.md";e.default=h.exports}}]);

dist/assets/js/15.68ee01b5.js

@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{195:function(t,e,s){"use strict";s.r(e);var i=s(0),n=Object(i.a)({},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"content"},[this._m(0),this._v(" "),e("p",[this._v("I believe, I will get the strength I need.")]),this._v(" "),e("p",[e("a",{attrs:{href:"https://juejin.im/post/592d4a5b0ce463006b43b6da",target:"_blank",rel:"noopener noreferrer"}},[this._v("前端开发规范：命名规范、html规范、css规范、js规范"),e("OutboundLink")],1)]),this._v(" "),e("p",[e("a",{attrs:{href:"https://juejin.im/post/5abdd6f6f265da23793c4458",target:"_blank",rel:"noopener noreferrer"}},[this._v("不好意思！耽误你的十分钟，让MVVM原理还给你"),e("OutboundLink")],1)])])},[function(){var t=this.$createElement,e=this._self._c||t;return e("h2",{attrs:{id:"why-have-this-blogs"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#why-have-this-blogs","aria-hidden":"true"}},[this._v("#")]),this._v(" Why have this Blogs")])}],!1,null,null,null);n.options.__file="WHY.md";e.default=n.exports}}]);

dist/assets/js/28.32510ed3.js

@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[28],{182:function(t,e,i){"use strict";i.r(e);var n=i(0),s=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("a",{attrs:{href:"http://www.ruanyifeng.com/blog/2016/01/commit_message_change_log.html",target:"_blank",rel:"noopener noreferrer"}},[this._v("Commit message 和 Change log 编写指南"),e("OutboundLink")],1)])])])},[function(){var t=this.$createElement,e=this._self._c||t;return e("h1",{attrs:{id:"git-commit-提交规范"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#git-commit-提交规范","aria-hidden":"true"}},[this._v("#")]),this._v(" git commit 提交规范")])}],!1,null,null,null);s.options.__file="2018_10_31_01.md";e.default=s.exports}}]);

dist/assets/js/45.94e62c57.js

@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[45],{199: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/46.93e2a257.js

@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[46],{198: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:"_4"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_4","aria-hidden":"true"}},[this._v("#")]),this._v(" 4")])])}],!1,null,null,null);i.options.__file="four.md";e.default=i.exports}}]);

dist/assets/js/47.7920e9c4.js

@@ -1 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[47],{188: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:"_3"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_3","aria-hidden":"true"}},[this._v("#")]),this._v(" 3")])])}],!1,null,null,null);i.options.__file="three.md";e.default=i.exports}}]);

dist/assets/js/47.90cee726.js

@@ -0,0 +1 @@
+(window.webpackJsonp=window.webpackJsonp||[]).push([[47],{188: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}}]);

dist/assets/js/9.0c0201a1.js → dist/assets/js/9.99ab620f.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[9],{152:function(e,i,n){},165:function(e,i,n){"use strict";var s=n(152);n.n(s).a},173:function(e,i,n){"use strict";n.r(i);var s={data:function(){return{top:0,imgs:["/images/js/2018_10_28/images/01.png","/images/js/2018_10_28/images/02.png","/images/js/2018_10_28/images/03.png"],key:[37,38,39,40]}},methods:{replacement:function(e){for(var i=this,n=0;n<3;n++)this.$refs.img[n].src="/images/js/2018_10_28/images/0".concat(n+1,".png");this.$nextTick(function(){i.$refs.img[e].src="/images/js/2018_10_28/images/04.png"})}}},t=(n(165),n(0)),a=Object(t.a)(s,function(){var e=this,i=e.$createElement,n=e._self._c||i;return n("div",{staticClass:"dynamic_replacement_image"},[n("div",{staticClass:"img-wrapper"},e._l(e.imgs,function(i,s){return n("div",{key:s},[n("img",{ref:"img",refInFor:!0,attrs:{ondragstart:"return false;",src:i,alt:""},on:{click:function(i){e.replacement(s)}}})])}))])},[],!1,null,"447ca5a2",null);a.options.__file="dynamic_replacement_image.vue";i.default=a.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[9],{152:function(e,i,n){},165:function(e,i,n){"use strict";var s=n(152);n.n(s).a},173:function(e,i,n){"use strict";n.r(i);var s={data:function(){return{top:0,imgs:["/images/js/2018_10_28/images/01.png","/images/js/2018_10_28/images/02.png","/images/js/2018_10_28/images/03.png"],key:[37,38,39,40]}},methods:{replacement:function(e){for(var i=this,n=0;n<3;n++)this.$refs.img[n].src="/images/js/2018_10_28/images/0".concat(n+1,".png");this.$nextTick(function(){i.$refs.img[e].src="/images/js/2018_10_28/images/04.png"})}}},t=(n(165),n(0)),a=Object(t.a)(s,function(){var e=this,i=e.$createElement,n=e._self._c||i;return n("div",{staticClass:"dynamic_replacement_image"},[n("div",{staticClass:"img-wrapper"},e._l(e.imgs,function(i,s){return n("div",{key:s},[n("img",{ref:"img",refInFor:!0,attrs:{ondragstart:"return false;",src:i,alt:""},on:{click:function(i){e.replacement(s)}}})])}))])},[],!1,null,"488aec74",null);a.options.__file="dynamic_replacement_image.vue";i.default=a.exports}}]);

docs/.vuepress/components/js/2018_10_28_01/dynamic_replacement_image.vue

@@ -10,11 +10,9 @@
           :src="item"
           alt="">
       </div>
-
     </div>
   </div>
 </template>
-
 <script>
 export default {
   data() {

docs/.vuepress/components/js/2018_10_28_01/dynamic_replacement_image_2.vue

@@ -10,11 +10,9 @@
           :src="item"
           alt="">
       </div>
-
     </div>
   </div>
 </template>
-
 <script>
 export default {
   data() {

docs/.vuepress/components/js/2018_10_29_02/html_scroll_mobil.vue

@@ -1,6 +1,5 @@
 <template>
   <div>
-
     <h1 @click="os">OS:{{osStr}}</h1>
     <div id="btn-wrapper">
       <div>
@@ -23,7 +22,6 @@
     </div>
   </div>
 </template>
-
 <script>
 export default {
   data() {
@@ -52,7 +50,6 @@ export default {
   },
 };
 </script>
-
 <style scoped>
 .article {
 }

docs/.vuepress/config.js

@@ -40,6 +40,10 @@ module.exports = {
             text: 'JavaScript',
             link: '/JavaScript/',
           },
+          {
+            text: 'vue',
+            link: '/VUE/',
+          },
         ],
       },
       {
@@ -62,6 +66,10 @@ module.exports = {
             text: 'IDE',
             link: '/IDE/',
           },
+          {
+            text: '待了解',
+            link: '/About/WHY.md',
+          },
         ],
       },
       // 下拉列表
@@ -89,11 +97,12 @@ module.exports = {
         'principle',
       ],
       '/FLUTTER/': ['', '2018_10_25_01'],
-      '/GIT/': ['', '2018_10_22_01', '2018_10_22_02'],
+      '/GIT/': ['', '2018_10_22_01', '2018_10_22_02', '2018_10_31_01'],
       '/IDE/': ['', '2018_10_28_01'],
-      '/JavaScript/': ['', 'one', '2018_10_28_01', '2018_10_29_02'],
+      '/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'],
+      '/VUE/': ['', '2018_10_31_01', '2018_10_31_02'],
     },
   },
   configureWebpack: {

docs/About/WHY.md

@@ -1,3 +1,7 @@
 ## Why have this Blogs
 
-I believe, I will get the strength I need.
+I believe, I will get the strength I need.
+
+[前端开发规范：命名规范、html规范、css规范、js规范](https://juejin.im/post/592d4a5b0ce463006b43b6da)
+
+[不好意思！耽误你的十分钟，让MVVM原理还给你](https://juejin.im/post/5abdd6f6f265da23793c4458)

docs/GIT/2018_10_31_01.md

@@ -1,3 +1,33 @@
 # git commit 提交规范
 
-* [Commit message 和 Change log 编写指南](http://www.ruanyifeng.com/blog/2016/01/commit_message_change_log.html)
+- [Commit message 和 Change log 编写指南](http://www.ruanyifeng.com/blog/2016/01/commit_message_change_log.html)
+- [规范你的 commit message 并且根据 commit 自动生成 CHANGELOG.md](https://juejin.im/post/5bd2debfe51d457abc710b57)
+
+## Commit message 的格式
+
+主要摘选了基本格式与如何使用
+
+```xml
+<type>(<scope>): <subject>
+// 空一行
+<body>
+// 空一行
+<footer>
+```
+
+其中，Header 是必需的，Body 和 Footer 可以省略。
+
+不管是哪一个部分，任何一行都不得超过 72 个字符（或 100 个字符）。这是为了避免自动换行影响美观。
+
+### `<type>`
+
+`type`用于说明 `commit` 的类别，只允许使用下面 7 个标识。
+```
+feat：    新功能（feature）
+fix：     修补bug
+docs：    文档（documentation）
+style：   格式（不影响代码运行的变动）
+refactor：重构（即不是新增功能，也不是修改bug的代码变动）
+test：    增加测试
+chore：   构建过程或辅助工具的变动
+```

docs/JavaScript/2018_10_29_02.md

@@ -8,13 +8,15 @@
 
 <<< docs/.vuepress/components/js/2018_10_29_01/2018_10_29_01.js
 
-## 移动平台阻止 element 元素 Y 轴的 scroll 事件触发
+## element 元素 Y 轴的 scroll 事件触发
+
+### 移动平台
 
 <<< docs/.vuepress/components/js/2018_10_29_02/html_scroll_mobil.vue
 
 <!-- <js-2018_10_29_02-html_scroll_mobil/> -->
 
-## 桌面环境阻止 element 元素 Y 轴的 scroll 事件触发
+### 桌面环境
 
 <<< docs/.vuepress/components/js/2018_10_29_02/html_scroll_pc.vue
 
@@ -22,20 +24,278 @@
 
 ## 节点的操作
 
-### Javascript 获取子节点
+[(转载)S 获取子节点、父节点和兄弟节点的若干种方式](https://blog.csdn.net/laok_/article/details/75760572)
+
+### 一、js 获取子节点的方式
+
+#### 1.通过获取 dom 方式直接获取子节点
+
+其中 test 的父标签 id 的值，div 为标签的名字。getElementsByTagName 是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。
+
+```js
+var a = document.getElementById('test').getElementsByTagName('div');
+```
+
+#### 2.通过 childNodes 获取子节点
+
+使用 childNodes 获取子节点的时候，childNodes 返回的是子节点的集合，是一个数组的格式。他会把换行和空格也当成是节点信息。
+
+```js
+var b = document.getElementById('test').childNodes;
+```
+
+为了不显示不必须的换行的空格，我们如果要使用 childNodes 就必须进行必要的过滤。通过正则表达式式取掉不必要的信息。下面是过滤掉
+
+```js
+//去掉换行的空格
+for (var i = 0; i < b.length; i++) {
+  if (b[i].nodeName == '#text' && !/\s/.test(b.nodeValue)) {
+    document.getElementById('test').removeChild(b[i]);
+  }
+}
+//打印测试
+for (var i = 0; i < b.length; i++) {
+  console.log(i + '---------');
+  console.log(b[i]);
+}
+//补充 document.getElementById("test").childElementCount;  可以直接获取长度 同length
+```
+
+#### 4.通过 children 来获取子节点
+
+利用 children 来获取子元素是最方便的，他也会返回出一个数组。对其获取子元素的访问只需按数组的访问形式即可。
+
+```js
+var getFirstChild = document.getElementById('test').children[0];
+```
+
+#### 5.获取第一个子节点
+
+firstChild 来获取第一个子元素，但是在有些情况下我们打印的时候会显示 undefined，这是什么情况呢？？其实 firstChild 和 childNodes 是一样的，在浏览器解析的时候会把他当换行和空格一起解析，其实你获取的是第一个子节点，只是这个子节点是一个换行或者是一个空格而已。那么不要忘记和 childNodes 一样处理呀。
+
+```js
+var getFirstChild = document.getElementById('test').firstChild;
+```
+
+#### 6.firstElementChild 获取第一个子节点
 
-children<br/>
-注意：在 IE 中，children 包含注释节点。
+使用 firstElementChild 来获取第一个子元素的时候，这就没有 firstChild 的那种情况了。会获取到父元素第一个子元素的节点 这样就能直接显示出来文本信息了。他并不会匹配换行和空格信息。
 
-```html
-<div id="wrapper">
-  <div>在Javascript中，可以通过 children 来获取所有子节点。</div>
-  <div>在Javascript中，可以通过 children 来获取所有子节点。</div>
-  <div>在Javascript中，可以通过 children 来获取所有子节点。</div>
-  <div>在Javascript中，可以通过 children 来获取所有子节点。</div>
-</div>
+```js
+var getFirstChild = document.getElementById('test').firstElementChild;
 ```
 
+#### 7.获取最后一个子节点
+
+lastChild 获取最后一个子节点的方式其实和 firstChild 是类似的。同样的 lastElementChild 和 firstElementChild 也是一样的。不再赘余。
+
 ```js
-let wrapper = document.getElementById('wrapper').children;
+var getLastChildA = document.getElementById('test').lastChild;
+var getLastChildB = document.getElementById('test').lastElementChild;
 ```
+
+### 二、js 获取父节点的方式
+
+#### 1.parentNode 获取父节点
+
+获取的是当前元素的直接父元素。parentNode 是 w3c 的标准。
+
+```js
+var p = document.getElementById('test').parentNode;
+```
+
+#### 2.parentElement 获取父节点
+
+parentElement 和 parentNode 一样，只是 parentElement 是 ie 的标准。
+
+```js
+var p1 = document.getElementById('test').parentElement;
+```
+
+#### 3.offsetParent 获取所有父节点
+
+一看 offset 我们就知道是偏移量 其实这个是于位置有关的上下级 ，直接能够获取到所有父亲节点， 这个对应的值是 body 下的所有节点信息。
+
+```js
+var p2 = document.getElementById('test').offsetParent;
+```
+
+### 三、js 获取兄弟节点的方式
+
+#### 1.通过获取父亲节点再获取子节点来获取兄弟节点
+
+```js
+var brother1 = document.getElementById('test').parentNode.children[1];
+```
+
+#### 2.获取上一个兄弟节点
+
+在获取前一个兄弟节点的时候可以使用 previousSibling 和 previousElementSibling。他们的区别是 previousSibling 会匹配字符，包括换行和空格，而不是节点。previousElementSibling 则直接匹配节点。
+
+```js
+var brother2 = document.getElementById('test').previousElementSibling;
+var brother3 = document.getElementById('test').previousSibling;
+```
+
+#### 3.获取下一个兄弟节点
+
+同 previousSibling 和 previousElementSibling，nextSibling 和 nextElementSibling 也是类似的。
+
+```js
+var brother4 = document.getElementById('test').nextElementSibling;
+var brother5 = document.getElementById('test').nextSibling;
+```
+
+---
+
+作者：-老 K-<br/>
+来源：CSDN<br/>
+原文：[https://blog.csdn.net/laok\_/article/details/75760572](https://blog.csdn.net/laok_/article/details/75760572)<br/>
+版权声明：本文为博主原创文章，转载请附上博文链接！<br/>
+
+---
+
+## 原生 Ajax 学习
+
+[https://zacklive.com/javascript-dom-ajax/](https://zacklive.com/javascript-dom-ajax/)<br/>
+AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。<br/>
+
+#### 检测并兼容所有浏览器包括 IE7 之流的远古浏览器中是否存在 XHR 对象
+
+```js
+function createXHR() {
+  if (typeof XMLHttpRequset != 'undefined') {
+    return new XMLHttpRequest();
+  } else if (typeof ActiveXobject != 'undefined') {
+    if (typeof arguments.callee.activeXString != 'string') {
+      var versions = [
+          'MSXML2.XMLHttp.6.0',
+          'MSXML2.XMLHttp.3.0',
+          'MSXML2.XMLHttp',
+        ],
+        i,
+        len;
+      for (i = 0, len = versions.length; i < len; i++) {
+        try {
+          new ActiveXObject(versions[i]);
+          arguments.callee.activeXString = versions[i];
+          break;
+        } catch (ex) {
+          // 跳过
+        }
+      }
+    }
+    return new ActiveXObject(arguments.callee.activeXString);
+  } else {
+    throw new Error('No XHR object available');
+  }
+}
+```
+
+#### 创建 XHR 对象
+
+```js
+var xhr = createXHR();
+```
+
+#### 使用
+
+```js
+/**
+ * xhr对象中的open参数设定
+ * @param {string} method   要使用的HTTP方法，比如「GET」、「POST」、
+ *                          「PUT」、「DELETE」、等。对于非HTTP(S) URL被忽略。
+ * @param {string} url      一个DOMString表示要向其发送请求的URL。
+ * @param {Boolean} async   可选;一个可选的布尔参数，默认为true，表示要不要异步执行操作。
+ *                          如果值为false，send()方法直到收到答复前不会返回。如果true，
+ *                          已完成事务的通知可供事件监听器使用。
+ *                          如果multipart属性为true则这个必须为true，否则将引发异常。
+ * @param {String} user     可选.可选的用户名用于认证用途；默认为null。
+ * @param {String} password 可选的密码用于认证用途，默认为null。
+ */
+// 语法
+xhr.open(method, url);
+xhr.open(method, url, async);
+xhr.open(method, url, async, user);
+xhr.open(method, url, async, user, password);
+```
+
+```js
+xhr.open('get', 'example.txt', false);
+xhr.send(null);
+
+if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) {
+  alert(xhr.responseText);
+} else {
+  alert('Request was unsuccessful: ' + xhr.status);
+}
+```
+
+### readyState
+
+| 状态码 | 说明                                                       |
+| :----: | :--------------------------------------------------------- |
+|   0    | 未初始化.尚未调用 open()方法                               |
+|   1    | 启动。已经调用 open()方法，但尚未调用 send()方法。         |
+|   2    | 发送。已经调用 send()方法，但尚未接收到响应。              |
+|   3    | 接收。已经接收到部分响应数据。                             |
+|   4    | 完成。已经接收到全部响应数据，而且已经可以在客户端使用了。 |
+
+```js
+var xhr = createXHR();
+xhr.onreadystatechange = function() {
+  if (xhr.readyState == 4) {
+    if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) {
+      alert(xhr.responseText);
+    } else {
+      alert('Request was unsuccessful: ' + xhr.status);
+    }
+  }
+};
+xhr.open('get', 'example.txt', true);
+xhr.send(null);
+```
+
+### HTTP 头部信息
+
+- 可使用`setRequestHeader()`方法可以设置自定义的请求头部信息
+
+| 参数            | 说明                                                                                                                                           |
+| :-------------- | :--------------------------------------------------------------------------------------------------------------------------------------------- |
+| Accept          | 浏览器能够处理的内容类型。                                                                                                                     |
+| Accept-Charset  | 浏览器能够显示的字符集。                                                                                                                       |
+| Accept-Encoding | 浏览器能够处理的压缩编码。                                                                                                                     |
+| Accept-Language | 浏览器当前设置的语言。                                                                                                                         |
+| Connection      | 浏览器与服务器之间连接的类型。                                                                                                                 |
+| Cookie          | 当前页面设置的任何 Cookie。                                                                                                                    |
+| Host            | 发出请求的页面所在的域 。                                                                                                                      |
+| Referer         | 发出请求的页面的 URI。注意，HTTP 规范将这个头部字段拼写错了，而为保证与规范一致，也只能将错就错了。（这个英文单词的正确拼法应该是 referrer。） |
+| User-Agent      | 浏览器的用户代理字符串。                                                                                                                       |
+
+```js
+var xhr = createXHR();
+xhr.onreadystatechange = function() {
+  if (xhr.readyState == 4) {
+    if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) {
+      alert(xhr.responseText);
+    } else {
+      alert('Request was unsuccessful: ' + xhr.status);
+    }
+  }
+};
+xhr.open('get', 'example.php', true);
+xhr.setRequestHeader('MyHeader', 'MyValue');
+xhr.send(null);
+```
+
+### es5 示例代码
+
+#### 跨域
+
+#### 异常处理
+
+### es6 示例代码
+
+#### 跨域
+
+#### promise 调用

docs/VUE/2018_10_31_01.md

@@ -0,0 +1,3 @@
+# vue-router
+
+[vue vue-router 完美实现前进刷新，后退不刷新。附 scrollBehavior 源码解析](https://www.cnblogs.com/kdcg/p/9376737.html)

docs/VUE/2018_10_31_02.md

@@ -0,0 +1,32 @@
+# vuepress
+
+### 侧边栏
+
+```js
+module.exports = {
+  themeConfig: {
+    sidebar: {
+      // docs文件夹下面的accumulate文件夹 文档中md文件 书写的位置(命名随意)
+      '/accumulate/': [
+        '/accumulate/', // accumulate文件夹的README.md 不是下拉框形式
+        {
+          title: '侧边栏下拉框的标题1',
+          children: [
+            '/accumulate/JS/test', // 以docs为根目录来查找文件
+            // 上面地址查找的是：docs>accumulate>JS>test.md 文件
+            // 自动加.md 每个子选项的标题 是该md文件中的第一个h1/h2/h3标题
+          ],
+        },
+      ],
+      // docs文件夹下面的algorithm文件夹 这是第二组侧边栏 跟第一组侧边栏没关系
+      '/algorithm/': [
+        '/algorithm/',
+        {
+          title: '第二组侧边栏下拉框的标题1',
+          children: ['/algorithm/simple/test'],
+        },
+      ],
+    },
+  },
+};
+```

docs/VUE/README.md

@@ -1,65 +1,5 @@
 # vue目录
 
-```js
-module.exports = {
-  themeConfig: {
-      sidebar:{
-        // docs文件夹下面的accumulate文件夹 文档中md文件 书写的位置(命名随意)
-        '/accumulate/': [
-            '/accumulate/', // accumulate文件夹的README.md 不是下拉框形式
-            {
-              title: '侧边栏下拉框的标题1',
-              children: [
-                '/accumulate/JS/test', // 以docs为根目录来查找文件 
-                // 上面地址查找的是：docs>accumulate>JS>test.md 文件
-                // 自动加.md 每个子选项的标题 是该md文件中的第一个h1/h2/h3标题
-              ]
-            }
-          ],
-          // docs文件夹下面的algorithm文件夹 这是第二组侧边栏 跟第一组侧边栏没关系
-          '/algorithm/': [
-            '/algorithm/', 
-            {
-              title: '第二组侧边栏下拉框的标题1',
-              children: [
-                '/algorithm/simple/test' 
-              ]
-            }
-          ]
-      }
-  }
-}
-```
 
-```js
-module.exports = {
-  themeConfig: {
-      sidebar:{
-        // docs文件夹下面的accumulate文件夹 文档中md文件 书写的位置(命名随意)
-        '/accumulate/': [
-            '/accumulate/', // accumulate文件夹的README.md 不是下拉框形式
-            {
-              title: '侧边栏下拉框的标题1',
-              children: [
-                '/accumulate/JS/test', // 以docs为根目录来查找文件 
-                // 上面地址查找的是：docs>accumulate>JS>test.md 文件
-                // 自动加.md 每个子选项的标题 是该md文件中的第一个h1/h2/h3标题
-              ]
-            }
-          ],
-          // docs文件夹下面的algorithm文件夹 这是第二组侧边栏 跟第一组侧边栏没关系
-          '/algorithm/': [
-            '/algorithm/', 
-            {
-              title: '第二组侧边栏下拉框的标题1',
-              children: [
-                '/algorithm/simple/test' 
-              ]
-            }
-          ]
-      }
-  }
-}
-```
 
 ### vues

docs/VUE/four.md

@@ -1 +0,0 @@
-## 4

docs/VUE/three.md

@@ -1 +0,0 @@
-## 3