Site updated: 2019-05-26 21:41:11

chochi1st · May 26, 2019 · 5b748d9 · 5b748d9
1 parent 2f609d3
commit 5b748d9
Show file tree

Hide file tree

Showing 27 changed files with 2,095 additions and 280 deletions.
diff --git a/2019/05/22/2 字符串/index.html b/2019/05/22/2 字符串/index.html
@@ -216,11 +216,11 @@ <h1 id="Base64-转码"><a href="#Base64-转码" class="headerlink" title="Base64
 
 <nav id="article-nav">
 
-    <a href="/2019/05/22/关于 this 指针/" id="article-nav-newer" class="article-nav-link-wrap">
+    <a href="/2019/05/22/Call与Apply/" id="article-nav-newer" class="article-nav-link-wrap">
       <i class="icon-circle-left"></i>
       <div class="article-nav-title">
 
-          ECMA5 this指针
+          ECMA5 CALL APPLY 模拟
 
       </div>
     </a>

diff --git a/2019/05/22/3 对象/index.html b/2019/05/22/3 对象/index.html
@@ -250,18 +250,18 @@ <h1 id="遍历总结"><a href="#遍历总结" class="headerlink" title="遍历
 
 <nav id="article-nav">
 
-    <a href="/2019/05/22/Call与Apply/" id="article-nav-newer" class="article-nav-link-wrap">
+    <a href="/2019/05/22/6 Array/" id="article-nav-newer" class="article-nav-link-wrap">
       <i class="icon-circle-left"></i>
       <div class="article-nav-title">
 
-          ECMA5 CALL APPLY 模拟
+          ECMA5 数组
 
       </div>
     </a>
 
 
-    <a href="/2019/05/22/9 面向对象编程/" id="article-nav-older" class="article-nav-link-wrap">
-      <div class="article-nav-title">ECMA5 面向对象编程</div>
+    <a href="/2019/05/22/4 函数/" id="article-nav-older" class="article-nav-link-wrap">
+      <div class="article-nav-title">ECMA5 函数</div>
       <i class="icon-circle-right"></i>
     </a>
 

diff --git a/2019/05/22/4 函数/index.html b/2019/05/22/4 函数/index.html
@@ -265,11 +265,11 @@ <h1 id="6-立即调用的函数表达式-IIFE"><a href="#6-立即调用的函数
 
 <nav id="article-nav">
 
-    <a href="/2019/05/22/继承/" id="article-nav-newer" class="article-nav-link-wrap">
+    <a href="/2019/05/22/3 对象/" id="article-nav-newer" class="article-nav-link-wrap">
       <i class="icon-circle-left"></i>
       <div class="article-nav-title">
 
-          ECMA5 继承
+          ECMA5 对象
 
       </div>
     </a>

diff --git a/2019/05/22/5 标准库/index.html b/2019/05/22/5 标准库/index.html
@@ -249,8 +249,8 @@ <h1 id="6-控制对象的状态"><a href="#6-控制对象的状态" class="heade
     </a>
 
 
-    <a href="/2019/05/22/6 Array/" id="article-nav-older" class="article-nav-link-wrap">
-      <div class="article-nav-title">ECMA5 数组</div>
+    <a href="/2019/05/22/关于 this 指针/" id="article-nav-older" class="article-nav-link-wrap">
+      <div class="article-nav-title">ECMA5 this指针</div>
       <i class="icon-circle-right"></i>
     </a>
 

diff --git a/2019/05/22/6 Array/index.html b/2019/05/22/6 Array/index.html
@@ -249,18 +249,18 @@ <h1 id="2-实例方法"><a href="#2-实例方法" class="headerlink" title="2
 
 <nav id="article-nav">
 
-    <a href="/2019/05/22/5 标准库/" id="article-nav-newer" class="article-nav-link-wrap">
+    <a href="/2019/05/22/继承/" id="article-nav-newer" class="article-nav-link-wrap">
       <i class="icon-circle-left"></i>
       <div class="article-nav-title">
 
-          ECMA5 标准库
+          ECMA5 继承
 
       </div>
     </a>
 
 
-    <a href="/2019/05/22/Call与Apply/" id="article-nav-older" class="article-nav-link-wrap">
-      <div class="article-nav-title">ECMA5 CALL APPLY 模拟</div>
+    <a href="/2019/05/22/3 对象/" id="article-nav-older" class="article-nav-link-wrap">
+      <div class="article-nav-title">ECMA5 对象</div>
       <i class="icon-circle-right"></i>
     </a>
 

diff --git a/2019/05/22/7 包装对象 wrapper/index.html b/2019/05/22/7 包装对象 wrapper/index.html
@@ -266,8 +266,8 @@ <h3 id="3-4-字符串的实例方法"><a href="#3-4-字符串的实例方法" cl
     </a>
 
 
-    <a href="/2019/05/22/关于 this 指针/" id="article-nav-older" class="article-nav-link-wrap">
-      <div class="article-nav-title">ECMA5 this指针</div>
+    <a href="/2019/05/22/9 面向对象编程/" id="article-nav-older" class="article-nav-link-wrap">
+      <div class="article-nav-title">ECMA5 面向对象编程</div>
       <i class="icon-circle-right"></i>
     </a>
 

diff --git a/2019/05/22/9 JavaScript Classes/index.html b/2019/05/22/9 JavaScript Classes/index.html
@@ -236,11 +236,11 @@ <h1 id="Questions"><a href="#Questions" class="headerlink" title="Questions"></a
 
 <nav id="article-nav">
 
-    <a href="/2019/05/22/9 面向对象编程/" id="article-nav-newer" class="article-nav-link-wrap">
+    <a href="/2019/05/22/关于 this 指针/" id="article-nav-newer" class="article-nav-link-wrap">
       <i class="icon-circle-left"></i>
       <div class="article-nav-title">
 
-          ECMA5 面向对象编程
+          ECMA5 this指针
 
       </div>
     </a>

diff --git a/2019/05/22/9 面向对象编程/index.html b/2019/05/22/9 面向对象编程/index.html
@@ -277,18 +277,18 @@ <h1 id="跳-对象的相关方法"><a href="#跳-对象的相关方法" class="h
 
 <nav id="article-nav">
 
-    <a href="/2019/05/22/3 对象/" id="article-nav-newer" class="article-nav-link-wrap">
+    <a href="/2019/05/22/7 包装对象 wrapper/" id="article-nav-newer" class="article-nav-link-wrap">
       <i class="icon-circle-left"></i>
       <div class="article-nav-title">
 
-          ECMA5 对象
+          ECMA5 包装对象
 
       </div>
     </a>
 
 
-    <a href="/2019/05/22/9 JavaScript Classes/" id="article-nav-older" class="article-nav-link-wrap">
-      <div class="article-nav-title">ECMA6 类</div>
+    <a href="/2019/05/22/Call与Apply/" id="article-nav-older" class="article-nav-link-wrap">
+      <div class="article-nav-title">ECMA5 CALL APPLY 模拟</div>
       <i class="icon-circle-right"></i>
     </a>
 

diff --git a/2019/05/22/Call与Apply/index.html b/2019/05/22/Call与Apply/index.html
@@ -234,18 +234,18 @@ <h1 id="参考文献"><a href="#参考文献" class="headerlink" title="参考
 
 <nav id="article-nav">
 
-    <a href="/2019/05/22/6 Array/" id="article-nav-newer" class="article-nav-link-wrap">
+    <a href="/2019/05/22/9 面向对象编程/" id="article-nav-newer" class="article-nav-link-wrap">
       <i class="icon-circle-left"></i>
       <div class="article-nav-title">
 
-          ECMA5 数组
+          ECMA5 面向对象编程
 
       </div>
     </a>
 
 
-    <a href="/2019/05/22/3 对象/" id="article-nav-older" class="article-nav-link-wrap">
-      <div class="article-nav-title">ECMA5 对象</div>
+    <a href="/2019/05/22/2 字符串/" id="article-nav-older" class="article-nav-link-wrap">
+      <div class="article-nav-title">ECMA5 字符串</div>
       <i class="icon-circle-right"></i>
     </a>
 

diff --git a/2019/05/22/关于 this 指针/index.html b/2019/05/22/关于 this 指针/index.html
@@ -16,7 +16,7 @@
 <meta property="og:site_name" content="chochi&#39;s workshop">
 <meta property="og:description" content="1 概念 this 对象时运行时基于函数的执行环节绑定的，在全局函数中，this等于window，而当函数被作为某个对象的方法调用时，this等于那个对象。 匿名函数的执行环节具有全局性，因此this指针对象通常指向window   12345678910let obj = &amp;#123;   fun : function()&amp;#123;       console.log(this);//obj">
 <meta property="og:locale" content="default">
-<meta property="og:updated_time" content="2019-05-22T14:54:45.463Z">
+<meta property="og:updated_time" content="2019-05-26T13:37:31.060Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="ECMA5 this指针">
 <meta name="twitter:description" content="1 概念 this 对象时运行时基于函数的执行环节绑定的，在全局函数中，this等于window，而当函数被作为某个对象的方法调用时，this等于那个对象。 匿名函数的执行环节具有全局性，因此this指针对象通常指向window   12345678910let obj = &amp;#123;   fun : function()&amp;#123;       console.log(this);//obj">
@@ -173,9 +173,10 @@ <h1 id="1-概念"><a href="#1-概念" class="headerlink" title="1 概念"></a>1
 <ul>
 <li>每个函数在被调用的时候都被自动取得两个特殊的变量：this &amp; arguments 。</li>
 <li>内部函数在搜索这两个变量的时候，只会搜索到其活动对象位置，因此不可能直接访问外部函数中的这两个变量。</li>
-<li>可以将外部作用域中的this对象保存在一个闭包能访问的变量里<figure class="highlight js"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">let</span> obj = &#123;</span><br><span class="line">    fun : <span class="function"><span class="keyword">function</span>(<span class="params"></span>)</span>&#123;</span><br><span class="line">        <span class="built_in">console</span>.log(<span class="keyword">this</span>);<span class="comment">//obj</span></span><br><span class="line"> </span><br><span class="line">        <span class="keyword">let</span> that = <span class="keyword">this</span>;</span><br><span class="line">        </span><br><span class="line">        <span class="keyword">return</span> <span class="function"><span class="keyword">function</span>(<span class="params"></span>)</span>&#123;</span><br><span class="line">         <span class="built_in">console</span>.log(that);<span class="comment">//obj 函数闭包把that包括进来</span></span><br><span class="line">        &#125;;  </span><br><span class="line">    &#125;</span><br><span class="line"> &#125;;</span><br></pre></td></tr></table></figure></li>
+<li>可以将外部作用域中的this对象保存在一个闭包能访问的变量里<figure class="highlight js"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">let</span> obj = &#123;</span><br><span class="line">    fun : <span class="function"><span class="keyword">function</span>(<span class="params"></span>)</span>&#123;</span><br><span class="line">        <span class="built_in">console</span>.log(<span class="keyword">this</span>);<span class="comment">//obj</span></span><br><span class="line"> </span><br><span class="line">        <span class="keyword">let</span> that = <span class="keyword">this</span>;</span><br><span class="line">        </span><br><span class="line">        <span class="keyword">return</span> <span class="function"><span class="keyword">function</span>(<span class="params"></span>)</span>&#123;</span><br><span class="line">         <span class="built_in">console</span>.log(that);<span class="comment">//obj 函数闭包把that包括进来</span></span><br><span class="line">        &#125;;  </span><br><span class="line">    &#125;</span><br><span class="line"> &#125;;</span><br></pre></td></tr></table></figure>
+</li>
 </ul>
-
+<h2 id="2-加一个关于箭头函数的this指针"><a href="#2-加一个关于箭头函数的this指针" class="headerlink" title="2 加一个关于箭头函数的this指针"></a>2 加一个关于箭头函数的this指针</h2>
 
 
 
@@ -218,18 +219,18 @@ <h1 id="1-概念"><a href="#1-概念" class="headerlink" title="1 概念"></a>1
 
 <nav id="article-nav">
 
-    <a href="/2019/05/22/7 包装对象 wrapper/" id="article-nav-newer" class="article-nav-link-wrap">
+    <a href="/2019/05/22/5 标准库/" id="article-nav-newer" class="article-nav-link-wrap">
       <i class="icon-circle-left"></i>
       <div class="article-nav-title">
 
-          ECMA5 包装对象
+          ECMA5 标准库
 
       </div>
     </a>
 
 
-    <a href="/2019/05/22/2 字符串/" id="article-nav-older" class="article-nav-link-wrap">
-      <div class="article-nav-title">ECMA5 字符串</div>
+    <a href="/2019/05/22/9 JavaScript Classes/" id="article-nav-older" class="article-nav-link-wrap">
+      <div class="article-nav-title">ECMA6 类</div>
       <i class="icon-circle-right"></i>
     </a>
 

diff --git a/2019/05/22/继承/index.html b/2019/05/22/继承/index.html
@@ -275,8 +275,8 @@ <h4 id="2-5-寄生组合继承"><a href="#2-5-寄生组合继承" class="headerl
     </a>
 
 
-    <a href="/2019/05/22/4 函数/" id="article-nav-older" class="article-nav-link-wrap">
-      <div class="article-nav-title">ECMA5 函数</div>
+    <a href="/2019/05/22/6 Array/" id="article-nav-older" class="article-nav-link-wrap">
+      <div class="article-nav-title">ECMA5 数组</div>
       <i class="icon-circle-right"></i>
     </a>
 

diff --git a/2019/05/24/10 Ajax/index.html b/2019/05/24/10 Ajax/index.html
@@ -336,6 +336,15 @@ <h2 id="资料引用"><a href="#资料引用" class="headerlink" title="资料
 
 <nav id="article-nav">
 
+    <a href="/2019/05/26/001react_state_update/" id="article-nav-newer" class="article-nav-link-wrap">
+      <i class="icon-circle-left"></i>
+      <div class="article-nav-title">
+
+          React state更新
+
+      </div>
+    </a>
+
 
     <a href="/2019/05/22/继承/" id="article-nav-older" class="article-nav-link-wrap">
       <div class="article-nav-title">ECMA5 继承</div>