From 08fdac5b34de87425245c7cf7ac3388f1f91bcf0 Mon Sep 17 00:00:00 2001 From: Vacricticy <987540432@qq.com> Date: Fri, 5 Jun 2020 10:01:01 +0800 Subject: [PATCH] day3 2020-06-05 --- ...\345\222\214\345\257\271\350\261\241.html" | 0 ...\345\212\240\346\226\271\346\263\225.html" | 0 ...\347\232\204\347\273\247\346\211\277.html" | 0 ...\351\200\232\345\207\275\346\225\260.html" | 0 ...\347\232\204\346\226\271\346\263\225.html" | 4 +- ...\346\204\217\344\272\213\351\241\271.html" | 4 +- .../iconfont/iconfont.eot" | Bin .../iconfont/iconfont.svg" | 0 .../iconfont/iconfont.ttf" | Bin .../iconfont/iconfont.woff" | Bin .../iconfont/iconfont.woff2" | Bin .../index.html" | 0 .../js/tab.js" | 49 +++++++++++++----- .../styles/style.css" | 0 .../styles/tab.css" | 0 ...\345\273\272\345\257\271\350\261\241.html" | 30 +++++++++++ ...\346\200\201\346\210\220\345\221\230.html" | 31 +++++++++++ .../03.\345\216\237\345\236\213.html" | 35 +++++++++++++ .../xxx.md" | 1 + 19 files changed, 138 insertions(+), 16 deletions(-) rename "01.\345\210\233\345\273\272\347\261\273\345\222\214\345\257\271\350\261\241.html" => "1.\351\235\242\345\220\221\345\257\271\350\261\241/01.\345\210\233\345\273\272\347\261\273\345\222\214\345\257\271\350\261\241.html" (100%) rename "02.\347\261\273\344\270\255\346\267\273\345\212\240\346\226\271\346\263\225.html" => "1.\351\235\242\345\220\221\345\257\271\350\261\241/02.\347\261\273\344\270\255\346\267\273\345\212\240\346\226\271\346\263\225.html" (100%) rename "03.\347\261\273\347\232\204\347\273\247\346\211\277.html" => "1.\351\235\242\345\220\221\345\257\271\350\261\241/03.\347\261\273\347\232\204\347\273\247\346\211\277.html" (100%) rename "04.super\345\205\263\351\224\256\345\255\227\350\260\203\347\224\250\347\210\266\347\261\273\346\231\256\351\200\232\345\207\275\346\225\260.html" => "1.\351\235\242\345\220\221\345\257\271\350\261\241/04.super\345\205\263\351\224\256\345\255\227\350\260\203\347\224\250\347\210\266\347\261\273\346\231\256\351\200\232\345\207\275\346\225\260.html" (100%) rename "05.\345\255\220\347\261\273\347\273\247\346\211\277\347\210\266\347\261\273\346\226\271\346\263\225\345\271\266\346\211\251\345\261\225\350\207\252\345\267\261\347\232\204\346\226\271\346\263\225.html" => "1.\351\235\242\345\220\221\345\257\271\350\261\241/05.\345\255\220\347\261\273\347\273\247\346\211\277\347\210\266\347\261\273\346\226\271\346\263\225\345\271\266\346\211\251\345\261\225\350\207\252\345\267\261\347\232\204\346\226\271\346\263\225.html" (92%) rename "06.\344\275\277\347\224\250\347\261\273\347\232\204\346\263\250\346\204\217\344\272\213\351\241\271.html" => "1.\351\235\242\345\220\221\345\257\271\350\261\241/06.\344\275\277\347\224\250\347\261\273\347\232\204\346\263\250\346\204\217\344\272\213\351\241\271.html" (81%) rename "07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.eot" => "1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.eot" (100%) rename "07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.svg" => "1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.svg" (100%) rename "07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.ttf" => "1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.ttf" (100%) rename "07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.woff" => "1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.woff" (100%) rename "07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.woff2" => "1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.woff2" (100%) rename "07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/index.html" => "1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/index.html" (100%) rename "07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/js/tab.js" => "1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/js/tab.js" (68%) rename "07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/styles/style.css" => "1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/styles/style.css" (100%) rename "07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/styles/tab.css" => "1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/styles/tab.css" (100%) create mode 100644 "2.\346\236\204\351\200\240\345\207\275\346\225\260\345\222\214\345\216\237\345\236\213/01.\346\236\204\351\200\240\345\207\275\346\225\260\345\210\233\345\273\272\345\257\271\350\261\241.html" create mode 100644 "2.\346\236\204\351\200\240\345\207\275\346\225\260\345\222\214\345\216\237\345\236\213/02.\345\256\236\344\276\213\346\210\220\345\221\230\345\222\214\351\235\231\346\200\201\346\210\220\345\221\230.html" create mode 100644 "2.\346\236\204\351\200\240\345\207\275\346\225\260\345\222\214\345\216\237\345\236\213/03.\345\216\237\345\236\213.html" create mode 100644 "2.\346\236\204\351\200\240\345\207\275\346\225\260\345\222\214\345\216\237\345\236\213/xxx.md" diff --git "a/01.\345\210\233\345\273\272\347\261\273\345\222\214\345\257\271\350\261\241.html" "b/1.\351\235\242\345\220\221\345\257\271\350\261\241/01.\345\210\233\345\273\272\347\261\273\345\222\214\345\257\271\350\261\241.html" similarity index 100% rename from "01.\345\210\233\345\273\272\347\261\273\345\222\214\345\257\271\350\261\241.html" rename to "1.\351\235\242\345\220\221\345\257\271\350\261\241/01.\345\210\233\345\273\272\347\261\273\345\222\214\345\257\271\350\261\241.html" diff --git "a/02.\347\261\273\344\270\255\346\267\273\345\212\240\346\226\271\346\263\225.html" "b/1.\351\235\242\345\220\221\345\257\271\350\261\241/02.\347\261\273\344\270\255\346\267\273\345\212\240\346\226\271\346\263\225.html" similarity index 100% rename from "02.\347\261\273\344\270\255\346\267\273\345\212\240\346\226\271\346\263\225.html" rename to "1.\351\235\242\345\220\221\345\257\271\350\261\241/02.\347\261\273\344\270\255\346\267\273\345\212\240\346\226\271\346\263\225.html" diff --git "a/03.\347\261\273\347\232\204\347\273\247\346\211\277.html" "b/1.\351\235\242\345\220\221\345\257\271\350\261\241/03.\347\261\273\347\232\204\347\273\247\346\211\277.html" similarity index 100% rename from "03.\347\261\273\347\232\204\347\273\247\346\211\277.html" rename to "1.\351\235\242\345\220\221\345\257\271\350\261\241/03.\347\261\273\347\232\204\347\273\247\346\211\277.html" diff --git "a/04.super\345\205\263\351\224\256\345\255\227\350\260\203\347\224\250\347\210\266\347\261\273\346\231\256\351\200\232\345\207\275\346\225\260.html" "b/1.\351\235\242\345\220\221\345\257\271\350\261\241/04.super\345\205\263\351\224\256\345\255\227\350\260\203\347\224\250\347\210\266\347\261\273\346\231\256\351\200\232\345\207\275\346\225\260.html" similarity index 100% rename from "04.super\345\205\263\351\224\256\345\255\227\350\260\203\347\224\250\347\210\266\347\261\273\346\231\256\351\200\232\345\207\275\346\225\260.html" rename to "1.\351\235\242\345\220\221\345\257\271\350\261\241/04.super\345\205\263\351\224\256\345\255\227\350\260\203\347\224\250\347\210\266\347\261\273\346\231\256\351\200\232\345\207\275\346\225\260.html" diff --git "a/05.\345\255\220\347\261\273\347\273\247\346\211\277\347\210\266\347\261\273\346\226\271\346\263\225\345\271\266\346\211\251\345\261\225\350\207\252\345\267\261\347\232\204\346\226\271\346\263\225.html" "b/1.\351\235\242\345\220\221\345\257\271\350\261\241/05.\345\255\220\347\261\273\347\273\247\346\211\277\347\210\266\347\261\273\346\226\271\346\263\225\345\271\266\346\211\251\345\261\225\350\207\252\345\267\261\347\232\204\346\226\271\346\263\225.html" similarity index 92% rename from "05.\345\255\220\347\261\273\347\273\247\346\211\277\347\210\266\347\261\273\346\226\271\346\263\225\345\271\266\346\211\251\345\261\225\350\207\252\345\267\261\347\232\204\346\226\271\346\263\225.html" rename to "1.\351\235\242\345\220\221\345\257\271\350\261\241/05.\345\255\220\347\261\273\347\273\247\346\211\277\347\210\266\347\261\273\346\226\271\346\263\225\345\271\266\346\211\251\345\261\225\350\207\252\345\267\261\347\232\204\346\226\271\346\263\225.html" index 03cfb69..1c89fde 100644 --- "a/05.\345\255\220\347\261\273\347\273\247\346\211\277\347\210\266\347\261\273\346\226\271\346\263\225\345\271\266\346\211\251\345\261\225\350\207\252\345\267\261\347\232\204\346\226\271\346\263\225.html" +++ "b/1.\351\235\242\345\220\221\345\257\271\350\261\241/05.\345\255\220\347\261\273\347\273\247\346\211\277\347\210\266\347\261\273\346\226\271\346\263\225\345\271\266\346\211\251\345\261\225\350\207\252\345\267\261\347\232\204\346\226\271\346\263\225.html" @@ -26,8 +26,8 @@ constructor(x, y) { // super的调用必须位于子类使用this之前?????why???? super(x, y) - this.x = x - this.y = y + // this.x = x + // this.y = y } subtract() { console.log(this.x - this.y); diff --git "a/06.\344\275\277\347\224\250\347\261\273\347\232\204\346\263\250\346\204\217\344\272\213\351\241\271.html" "b/1.\351\235\242\345\220\221\345\257\271\350\261\241/06.\344\275\277\347\224\250\347\261\273\347\232\204\346\263\250\346\204\217\344\272\213\351\241\271.html" similarity index 81% rename from "06.\344\275\277\347\224\250\347\261\273\347\232\204\346\263\250\346\204\217\344\272\213\351\241\271.html" rename to "1.\351\235\242\345\220\221\345\257\271\350\261\241/06.\344\275\277\347\224\250\347\261\273\347\232\204\346\263\250\346\204\217\344\272\213\351\241\271.html" index 8067805..abc26c9 100644 --- "a/06.\344\275\277\347\224\250\347\261\273\347\232\204\346\263\250\346\204\217\344\272\213\351\241\271.html" +++ "b/1.\351\235\242\345\220\221\345\257\271\350\261\241/06.\344\275\277\347\224\250\347\261\273\347\232\204\346\263\250\346\204\217\344\272\213\351\241\271.html" @@ -14,14 +14,14 @@ class Star { constructor(name) { that = this - console.log(this); + console.log(this); //输出:Star{} 输出的是实例对象 this.name = name this.sing('Someone like you') var btn = document.querySelector('button') btn.onclick = this.sing; } sing(song) { - console.log(this); //输出: 普通函数中的this指向的是他的调用者 + console.log(this); //点击按钮,输出: 普通函数中的this指向的是他的调用者 console.log(that.name + song); //通过that获取实例对象上的值 } } diff --git "a/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.eot" "b/1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.eot" similarity index 100% rename from "07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.eot" rename to "1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.eot" diff --git "a/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.svg" "b/1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.svg" similarity index 100% rename from "07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.svg" rename to "1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.svg" diff --git "a/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.ttf" "b/1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.ttf" similarity index 100% rename from "07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.ttf" rename to "1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.ttf" diff --git "a/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.woff" "b/1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.woff" similarity index 100% rename from "07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.woff" rename to "1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.woff" diff --git "a/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.woff2" "b/1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.woff2" similarity index 100% rename from "07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.woff2" rename to "1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/iconfont/iconfont.woff2" diff --git "a/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/index.html" "b/1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/index.html" similarity index 100% rename from "07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/index.html" rename to "1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/index.html" diff --git "a/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/js/tab.js" "b/1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/js/tab.js" similarity index 68% rename from "07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/js/tab.js" rename to "1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/js/tab.js" index 39ae1d6..b1da6fa 100644 --- "a/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/js/tab.js" +++ "b/1.\351\235\242\345\220\221\345\257\271\350\261\241/07-\351\235\242\345\220\221\345\257\271\350\261\241\346\241\210\344\276\213/js/tab.js" @@ -25,6 +25,7 @@ class Tab { this.guanbis[i].onclick = this.deleteTab; // 绑定双击事件 this.spans[i].ondblclick = this.editTab; + this.sections[i].ondblclick = this.editTab; } // 为关闭按钮绑定关闭事件,简化为上诉操作 // for (var i = 0; i < this.guanbis.length; i++) { @@ -36,24 +37,20 @@ class Tab { updateNode() { this.lis = this.main.querySelectorAll("li"); this.sections = this.main.querySelectorAll("section"); - // 获取所有的关闭元素 this.guanbis = this.main.querySelectorAll(".icon-guanbi"); - - this.spans = this.main.querySelectorAll('fisrstnav li span:first-child') + this.spans = this.main.querySelectorAll(".fisrstnav li span:first-child"); } // 切换功能 toggleTab() { // 该函数的调用者为li,所以函数内部的this指向的都是li元素,clearClass函数是实例对象的函数,所有只能通过that调用 that.clearClass(); - // 普通函数中的this指向的是调用者,该调用者是li元素,所有可以通过this.index获取到值 + // 该函数的调用者为li,所以函数内部的this指向的都是li元素,所有可以通过this.index获取到值 console.log("tab" + this.index); this.className = "liactive"; that.sections[this.index].className = "conactive"; - // console.log(document.querySelector(".conactive")); } //清除所有样式 clearClass() { - // 由上面可知,调用该函数的为实例对象,则此时的this指向的就是该实例对象,所有应该用this.lis.length for (var i = 0; i < this.lis.length; i++) { this.lis[i].className = ""; this.sections[i].className = ""; @@ -67,6 +64,7 @@ class Tab { var newTab = '