Site updated: 2019-06-11 15:27:50

chochi1st · Jun 11, 2019 · 6e92369 · 6e92369
1 parent 88f0b9a
commit 6e92369
Show file tree

Hide file tree

Showing 28 changed files with 259 additions and 309 deletions.
diff --git a/2019/05/05/002set_weakset_map/index.html b/2019/05/05/002set_weakset_map/index.html
@@ -8,18 +8,18 @@
   <link rel="dns-prefetch" href="http://yoursite.com">
   <title>ECMA6 set weakset map | chochi&#39;s workshop</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <meta name="description" content="1 set1.1 set 存值 向 Set 加入值的时候，不会发生类型转换，所以5和&amp;quot;5&amp;quot;是两个不同的值。  Set 内部判断两个值是否不同，使用的算法叫做“Same-value-zero equality”，它类似于精确相等运算符（===），主要的区别是NaN等于自身，而精确相等运算符认为NaN不等于自身。  1.2 实例属性和方法 实例属性 Set.prototype.co">
+  <meta name="description" content="1 set1.1 set 存值 向 Set 加入值的时候，不会发生类型转换，所以5和&amp;quot;5&amp;quot;是两个不同的值。  Set 内部判断两个值是否不同，使用的算法叫做“Same-value-zero equality”，它类似于精确相等运算符（===），主要的区别是NaN等于自身，而精确相等运算符认为NaN不等于自身。">
 <meta name="keywords" content="JS">
 <meta property="og:type" content="article">
 <meta property="og:title" content="ECMA6 set weakset map">
 <meta property="og:url" content="http://yoursite.com/2019/05/05/002set_weakset_map/index.html">
 <meta property="og:site_name" content="chochi&#39;s workshop">
-<meta property="og:description" content="1 set1.1 set 存值 向 Set 加入值的时候，不会发生类型转换，所以5和&amp;quot;5&amp;quot;是两个不同的值。  Set 内部判断两个值是否不同，使用的算法叫做“Same-value-zero equality”，它类似于精确相等运算符（===），主要的区别是NaN等于自身，而精确相等运算符认为NaN不等于自身。  1.2 实例属性和方法 实例属性 Set.prototype.co">
+<meta property="og:description" content="1 set1.1 set 存值 向 Set 加入值的时候，不会发生类型转换，所以5和&amp;quot;5&amp;quot;是两个不同的值。  Set 内部判断两个值是否不同，使用的算法叫做“Same-value-zero equality”，它类似于精确相等运算符（===），主要的区别是NaN等于自身，而精确相等运算符认为NaN不等于自身。">
 <meta property="og:locale" content="default">
-<meta property="og:updated_time" content="2019-05-27T14:08:54.789Z">
+<meta property="og:updated_time" content="2019-06-11T07:26:03.968Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="ECMA6 set weakset map">
-<meta name="twitter:description" content="1 set1.1 set 存值 向 Set 加入值的时候，不会发生类型转换，所以5和&amp;quot;5&amp;quot;是两个不同的值。  Set 内部判断两个值是否不同，使用的算法叫做“Same-value-zero equality”，它类似于精确相等运算符（===），主要的区别是NaN等于自身，而精确相等运算符认为NaN不等于自身。  1.2 实例属性和方法 实例属性 Set.prototype.co">
+<meta name="twitter:description" content="1 set1.1 set 存值 向 Set 加入值的时候，不会发生类型转换，所以5和&amp;quot;5&amp;quot;是两个不同的值。  Set 内部判断两个值是否不同，使用的算法叫做“Same-value-zero equality”，它类似于精确相等运算符（===），主要的区别是NaN等于自身，而精确相等运算符认为NaN不等于自身。">
 
     <link rel="alternative" href="/atom.xml" title="chochi&#39;s workshop" type="application/atom+xml">
 
@@ -168,12 +168,12 @@ <h1 class="article-title" itemprop="name">
         <h1 id="1-set"><a href="#1-set" class="headerlink" title="1 set"></a>1 set</h1><h2 id="1-1-set-存值"><a href="#1-1-set-存值" class="headerlink" title="1.1 set 存值"></a>1.1 set 存值</h2><ul>
 <li><p>向 Set 加入值的时候，不会发生类型转换，所以<code>5</code>和<code>&quot;5&quot;</code>是两个不同的值。</p>
 </li>
-<li><p>Set 内部判断两个值是否不同，使用的算法叫做“Same-value-zero equality”，它类似于精确相等运算符（<code>===</code>），主要的区别是<code>NaN</code>等于自身，而精确相等运算符认为<code>NaN</code>不等于自身。</p>
+<li><p>Set 内部判断两个值是否不同，使用的算法叫做“Same-value-zero equality”，它类似于精确相等运算符（<code>===</code>），主要的区别是<code>NaN</code>等于自身，而精确相等运算符认为<code>NaN</code>不等于自身。<a id="more"></a></p>
 </li>
 <li><h2 id="1-2-实例属性和方法"><a href="#1-2-实例属性和方法" class="headerlink" title="1.2 实例属性和方法"></a>1.2 实例属性和方法</h2></li>
 <li>实例属性<ul>
 <li>Set.prototype.constructor：构造函数，默认就是Set函数。</li>
-<li>Set.prototype.size：返回Set实例的成员总数。<a id="more"></a></li>
+<li>Set.prototype.size：返回Set实例的成员总数。</li>
 </ul>
 </li>
 <li>实例方法 | 操作<ul>

diff --git a/2019/05/22/2 字符串/index.html b/2019/05/22/2 字符串/index.html
@@ -218,11 +218,11 @@ <h1 id="Base64-转码"><a href="#Base64-转码" class="headerlink" title="Base64
 
 <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/5 标准库/" 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>

diff --git a/2019/05/22/3 对象/index.html b/2019/05/22/3 对象/index.html
@@ -8,18 +8,18 @@
   <link rel="dns-prefetch" href="http://yoursite.com">
   <title>ECMA5 对象 | chochi&#39;s workshop</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <meta name="description" content="1 键名 对象的所有键名都是字符串，若键名不符合标识符的条件，则必须加上引号。 如果使用方运算符，键名必须放在引号里，否则会被当做变量处理。 数字键可以不加引号，会自动转成字符串。123456let obj  = &amp;#123; flag: true &amp;#125;;obj[flag]       // undefinedobj.flag        // trueobj.[&apos;flag&apos;]    /">
+  <meta name="description" content="1 键名 对象的所有键名都是字符串，若键名不符合标识符的条件，则必须加上引号。 如果使用方运算符，键名必须放在引号里，否则会被当做变量处理。 数字键可以不加引号，会自动转成字符串。">
 <meta name="keywords" content="-JS">
 <meta property="og:type" content="article">
 <meta property="og:title" content="ECMA5 对象">
 <meta property="og:url" content="http://yoursite.com/2019/05/22/3 对象/index.html">
 <meta property="og:site_name" content="chochi&#39;s workshop">
-<meta property="og:description" content="1 键名 对象的所有键名都是字符串，若键名不符合标识符的条件，则必须加上引号。 如果使用方运算符，键名必须放在引号里，否则会被当做变量处理。 数字键可以不加引号，会自动转成字符串。123456let obj  = &amp;#123; flag: true &amp;#125;;obj[flag]       // undefinedobj.flag        // trueobj.[&apos;flag&apos;]    /">
+<meta property="og:description" content="1 键名 对象的所有键名都是字符串，若键名不符合标识符的条件，则必须加上引号。 如果使用方运算符，键名必须放在引号里，否则会被当做变量处理。 数字键可以不加引号，会自动转成字符串。">
 <meta property="og:locale" content="default">
-<meta property="og:updated_time" content="2019-05-22T14:52:44.830Z">
+<meta property="og:updated_time" content="2019-06-11T07:26:25.896Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="ECMA5 对象">
-<meta name="twitter:description" content="1 键名 对象的所有键名都是字符串，若键名不符合标识符的条件，则必须加上引号。 如果使用方运算符，键名必须放在引号里，否则会被当做变量处理。 数字键可以不加引号，会自动转成字符串。123456let obj  = &amp;#123; flag: true &amp;#125;;obj[flag]       // undefinedobj.flag        // trueobj.[&apos;flag&apos;]    /">
+<meta name="twitter:description" content="1 键名 对象的所有键名都是字符串，若键名不符合标识符的条件，则必须加上引号。 如果使用方运算符，键名必须放在引号里，否则会被当做变量处理。 数字键可以不加引号，会自动转成字符串。">
 
     <link rel="alternative" href="/atom.xml" title="chochi&#39;s workshop" type="application/atom+xml">
 
@@ -168,12 +168,11 @@ <h1 class="article-title" itemprop="name">
         <h1 id="1-键名"><a href="#1-键名" class="headerlink" title="1 键名"></a>1 键名</h1><ul>
 <li>对象的所有键名都是字符串，若键名不符合标识符的条件，则必须加上引号。</li>
 <li>如果使用方运算符，键名必须放在引号里，否则会被当做变量处理。</li>
-<li>数字键可以不加引号，会自动转成字符串。<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></pre></td><td class="code"><pre><span class="line"><span class="keyword">let</span> obj  = &#123; <span class="attr">flag</span>: <span class="literal">true</span> &#125;;</span><br><span class="line">obj[flag]       <span class="comment">// undefined</span></span><br><span class="line">obj.flag        <span class="comment">// true</span></span><br><span class="line">obj.[<span class="string">'flag'</span>]    <span class="comment">// true</span></span><br><span class="line">flag =<span class="string">'flag'</span>;</span><br><span class="line">obj[flag]       <span class="comment">// ture</span></span><br></pre></td></tr></table></figure>
+<li><p>数字键可以不加引号，会自动转成字符串。<a id="more"></a></p>
+<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></pre></td><td class="code"><pre><span class="line"><span class="keyword">let</span> obj  = &#123; <span class="attr">flag</span>: <span class="literal">true</span> &#125;;</span><br><span class="line">obj[flag]       <span class="comment">// undefined</span></span><br><span class="line">obj.flag        <span class="comment">// true</span></span><br><span class="line">obj.[<span class="string">'flag'</span>]    <span class="comment">// true</span></span><br><span class="line">flag =<span class="string">'flag'</span>;</span><br><span class="line">obj[flag]       <span class="comment">// ture</span></span><br></pre></td></tr></table></figure>
 </li>
-</ul>
-<a id="more"></a>
-<ul>
-<li>对象的每一个键名又称为属性 property，它的键值可以是任何数据类型。<h1 id="2-属性"><a href="#2-属性" class="headerlink" title="2 属性"></a>2 属性</h1><h3 id="2-1-属性的查看"><a href="#2-1-属性的查看" class="headerlink" title="2.1 属性的查看"></a>2.1 属性的查看</h3></li>
+<li><p>对象的每一个键名又称为属性 property，它的键值可以是任何数据类型。</p>
+<h1 id="2-属性"><a href="#2-属性" class="headerlink" title="2 属性"></a>2 属性</h1><h3 id="2-1-属性的查看"><a href="#2-1-属性的查看" class="headerlink" title="2.1 属性的查看"></a>2.1 属性的查看</h3></li>
 <li>查看对象本身的所有可枚举属性<figure class="highlight js"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"><span class="built_in">Object</span>.keys</span><br></pre></td></tr></table></figure>
 </li>
 </ul>
@@ -252,18 +251,18 @@ <h1 id="遍历总结"><a href="#遍历总结" class="headerlink" title="遍历
 
 <nav id="article-nav">
 
-    <a href="/2019/05/22/9 面向对象编程/" 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/4 函数/" id="article-nav-older" class="article-nav-link-wrap">
-      <div class="article-nav-title">ECMA5 函数</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/4 函数/index.html b/2019/05/22/4 函数/index.html
@@ -8,18 +8,18 @@
   <link rel="dns-prefetch" href="http://yoursite.com">
   <title>ECMA5 函数 | chochi&#39;s workshop</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <meta name="description" content="1 概述1.1 重复声明 函数的声明会提升到函数定义时所在的作用域的头部。故同名函数会被后来的函数替代。  12345678function f()&amp;#123;    console.log(&apos;one&apos;);&amp;#125;f();    //twofunction f()&amp;#123;    console.log(&apos;two&apos;);&amp;#125;f();    //two">
+  <meta name="description" content="1 概述1.1 重复声明 函数的声明会提升到函数定义时所在的作用域的头部。故同名函数会被后来的函数替代。">
 <meta name="keywords" content="-JS">
 <meta property="og:type" content="article">
 <meta property="og:title" content="ECMA5 函数">
 <meta property="og:url" content="http://yoursite.com/2019/05/22/4 函数/index.html">
 <meta property="og:site_name" content="chochi&#39;s workshop">
-<meta property="og:description" content="1 概述1.1 重复声明 函数的声明会提升到函数定义时所在的作用域的头部。故同名函数会被后来的函数替代。  12345678function f()&amp;#123;    console.log(&apos;one&apos;);&amp;#125;f();    //twofunction f()&amp;#123;    console.log(&apos;two&apos;);&amp;#125;f();    //two">
+<meta property="og:description" content="1 概述1.1 重复声明 函数的声明会提升到函数定义时所在的作用域的头部。故同名函数会被后来的函数替代。">
 <meta property="og:locale" content="default">
-<meta property="og:updated_time" content="2019-05-22T14:53:07.745Z">
+<meta property="og:updated_time" content="2019-06-11T07:26:42.221Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="ECMA5 函数">
-<meta name="twitter:description" content="1 概述1.1 重复声明 函数的声明会提升到函数定义时所在的作用域的头部。故同名函数会被后来的函数替代。  12345678function f()&amp;#123;    console.log(&apos;one&apos;);&amp;#125;f();    //twofunction f()&amp;#123;    console.log(&apos;two&apos;);&amp;#125;f();    //two">
+<meta name="twitter:description" content="1 概述1.1 重复声明 函数的声明会提升到函数定义时所在的作用域的头部。故同名函数会被后来的函数替代。">
 
     <link rel="alternative" href="/atom.xml" title="chochi&#39;s workshop" type="application/atom+xml">
 
@@ -166,10 +166,9 @@ <h1 class="article-title" itemprop="name">
     <div class="article-entry" itemprop="articleBody">
 
         <h1 id="1-概述"><a href="#1-概述" class="headerlink" title="1 概述"></a>1 概述</h1><h2 id="1-1-重复声明"><a href="#1-1-重复声明" class="headerlink" title="1.1 重复声明"></a>1.1 重复声明</h2><ul>
-<li>函数的声明会提升到函数定义时所在的作用域的头部。故同名函数会被后来的函数替代。</li>
+<li>函数的声明会提升到函数定义时所在的作用域的头部。故同名函数会被后来的函数替代。 <a id="more"></a></li>
 </ul>
 <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></pre></td><td class="code"><pre><span class="line"><span class="function"><span class="keyword">function</span> <span class="title">f</span>(<span class="params"></span>)</span>&#123;</span><br><span class="line">    <span class="built_in">console</span>.log(<span class="string">'one'</span>);</span><br><span class="line">&#125;</span><br><span class="line">f();    <span class="comment">//two</span></span><br><span class="line"><span class="function"><span class="keyword">function</span> <span class="title">f</span>(<span class="params"></span>)</span>&#123;</span><br><span class="line">    <span class="built_in">console</span>.log(<span class="string">'two'</span>);</span><br><span class="line">&#125;</span><br><span class="line">f();    <span class="comment">//two</span></span><br></pre></td></tr></table></figure>
-<a id="more"></a>
 <h3 id="1-2-函数名的提升"><a href="#1-2-函数名的提升" class="headerlink" title="1.2 函数名的提升"></a>1.2 函数名的提升</h3><ul>
 <li>函数声明会提升</li>
 </ul>
@@ -267,18 +266,18 @@ <h1 id="6-立即调用的函数表达式-IIFE"><a href="#6-立即调用的函数
 
 <nav id="article-nav">
 
-    <a href="/2019/05/22/3 对象/" 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/5 标准库/" id="article-nav-older" class="article-nav-link-wrap">
-      <div class="article-nav-title">ECMA5 标准库</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/5 标准库/index.html b/2019/05/22/5 标准库/index.html
@@ -241,18 +241,18 @@ <h1 id="6-控制对象的状态"><a href="#6-控制对象的状态" class="heade
 
 <nav id="article-nav">
 
-    <a href="/2019/05/22/4 函数/" id="article-nav-newer" class="article-nav-link-wrap">
+    <a href="/2019/05/22/9 JavaScript Classes/" id="article-nav-newer" class="article-nav-link-wrap">
       <i class="icon-circle-left"></i>
       <div class="article-nav-title">
 
-          ECMA5 函数
+          ECMA6 类
 
       </div>
     </a>
 
 
-    <a href="/2019/05/22/7 包装对象 wrapper/" 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>