Edit "From Python to JavaScript" (#70)

assets/data/tag/javascript/index.json

@@ -1 +1 @@
-{"hash":"gridsome","data":{"label":{"id":"tag: javascript","name":"javascript","type":"tag","belongsTo":{"edges":[{"node":{"id":"70","title":"From Python to JavaScript","path":"/post/from-python-to-js/","summary":"\n<p>Although the title <em>Top Ten Mistakes Python Programmers Make When Learning JavaScript</em> may sound better, I have only noticed a few mistakes now. And I will update this post when I make more mistakes <g-emoji class=\"g-emoji\" alias=\"smile\" fallback-src=\"https://github.githubassets.com/images/icons/emoji/unicode/1f604.png\">😄</g-emoji></p>\n","createdAt":"2020-02-07T04:23:51.000Z","lastEditedAt":"2020-07-20T09:25:28.000Z","image":"","labels":[{"id":"blog: programming"},{"id":"tag: javascript"}]}},{"node":{"id":"88","title":"JS 无依赖获取阴历","path":"/post/js-yinli/","summary":"\n<p>Intl 是个好东西，但是还不是很强大，浏览器支持上也有 Node 和 Android 的小缺憾。</p>\n","createdAt":"2020-02-08T05:46:36.000Z","lastEditedAt":"2020-07-03T02:55:14.000Z","image":"","labels":[{"id":"blog: programming"},{"id":"tag: javascript"}]}},{"node":{"id":"109","title":"聊一聊 React 的 virtual scroll","path":"/post/react-virtual-scroll/","summary":"\n<p>也没啥高见，重复一下网上现有的资料而已</p>\n","createdAt":"2020-07-10T09:58:04.000Z","lastEditedAt":"2020-07-11T01:08:48.000Z","image":"","labels":[{"id":"blog: programming"},{"id":"tag: javascript"}]}}]}}},"context":{}}
+{"hash":"gridsome","data":{"label":{"id":"tag: javascript","name":"javascript","type":"tag","belongsTo":{"edges":[{"node":{"id":"70","title":"From Python to JavaScript","path":"/post/from-python-to-js/","summary":"\n<p>Although the title <em>Top Ten Mistakes Python Programmers Make When Learning JavaScript</em> may sound better, I have only noticed a few mistakes now. And I will update this post when I make more mistakes <g-emoji class=\"g-emoji\" alias=\"smile\" fallback-src=\"https://github.githubassets.com/images/icons/emoji/unicode/1f604.png\">😄</g-emoji></p>\n","createdAt":"2020-02-07T04:23:51.000Z","lastEditedAt":"2021-02-22T08:52:30.000Z","image":"","labels":[{"id":"blog: programming"},{"id":"tag: javascript"}]}},{"node":{"id":"88","title":"JS 无依赖获取阴历","path":"/post/js-yinli/","summary":"\n<p>Intl 是个好东西，但是还不是很强大，浏览器支持上也有 Node 和 Android 的小缺憾。</p>\n","createdAt":"2020-02-08T05:46:36.000Z","lastEditedAt":"2020-07-03T02:55:14.000Z","image":"","labels":[{"id":"blog: programming"},{"id":"tag: javascript"}]}},{"node":{"id":"109","title":"聊一聊 React 的 virtual scroll","path":"/post/react-virtual-scroll/","summary":"\n<p>也没啥高见，重复一下网上现有的资料而已</p>\n","createdAt":"2020-07-10T09:58:04.000Z","lastEditedAt":"2020-07-11T01:08:48.000Z","image":"","labels":[{"id":"blog: programming"},{"id":"tag: javascript"}]}}]}}},"context":{}}

post/from-python-to-js/index.html

@@ -15,10 +15,10 @@
     </span></span></a><span class="v-badge__wrapper"><span aria-atomic="true" aria-label="Badge" aria-live="polite" role="status" class="v-badge__badge" style="bottom:calc(100% - 9px);left:calc(100% - 12px);right:auto;top:auto;background-color:#f1da4e;border-color:#f1da4e;display:none;"></span></span></span></div><a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><div aria-label="CC-by-nc-sa" role="img" class="v-image v-responsive theme--light" style="height:20px;width:123px;margin:auto;"><div class="v-image__image v-image__image--preload v-image__image--cover" style="background-image:;background-position:center center;"></div><div class="v-responsive__content"></div></div></a><div><span class="px-3 d-inline-block"><button type="button" class="v-btn v-btn--icon v-btn--round theme--light v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate mdi mdi-calendar-month-outline theme--light"></i></span></button>
           2020-02-07 04:23
         </span><span class="px-3 d-inline-block"><a href="https://github.com/AllanChain/blog/issues/70" target="_blank" rel="noopener" class="v-btn v-btn--icon v-btn--round theme--light v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate mdi mdi-calendar-edit theme--light"></i></span></a>
-          2020-07-20 09:25
+          2021-02-22 08:52
         </span></div><!----></div><hr role="separator" aria-orientation="horizontal" class="my-3 v-divider theme--light"><article class="article-main markdown-body"><div role="alert" class="v-alert v-sheet theme--dark v-alert--border v-alert--border-left info"><div class="v-alert__wrapper"><i aria-hidden="true" class="v-icon notranslate v-alert__icon mdi mdi-information theme--dark"></i><div class="v-alert__content"><div class="article-summary clean-last-p">
 <p>Although the title <em>Top Ten Mistakes Python Programmers Make When Learning JavaScript</em> may sound better, I have only noticed a few mistakes now. And I will update this post when I make more mistakes <g-emoji class="g-emoji" alias="smile" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f604.png">😄</g-emoji></p>
-</div></div><div class="v-alert__border v-alert__border--left"></div></div></div><div style="position: relative"><div class="toc-wrapper"><div class="toc">Table of Contents<ul><li><a href="#the-new-operator" class="hash-link">The <code>new</code> Operator</a><ul></ul></li><li><a href="#element-in-array-or-key-in-object--dict" class="hash-link">Element in Array or Key in Object / dict</a><ul></ul></li><li><a href="#weird-map--are-they-different" class="hash-link">Weird map / Are they Different?</a><ul></ul></li><li><a href="#parseint-vs-int" class="hash-link"><code>parseInt</code> v.s. <code>int</code></a><ul></ul></li><li><a href="#dead-variable" class="hash-link">Dead Variable</a><ul></ul></li><li><a href="#sure-sorted" class="hash-link">Sure Sorted?</a><ul></ul></li><li><a href="#how-do-you-split" class="hash-link">How do you split?</a><ul></ul></li><li><a href="#mutable-default-parameter" class="hash-link">Mutable Default Parameter?</a><ul></ul></li></ul></div></div><div>
+</div></div><div class="v-alert__border v-alert__border--left"></div></div></div><div style="position: relative"><div class="toc-wrapper"><div class="toc">Table of Contents<ul><li><a href="#the-new-operator" class="hash-link">The <code>new</code> Operator</a><ul></ul></li><li><a href="#element-in-array-or-key-in-object--dict" class="hash-link">Element in Array or Key in Object / dict</a><ul></ul></li><li><a href="#weird-map--are-they-different" class="hash-link">Weird map / Are they Different?</a><ul></ul></li><li><a href="#parseint-vs-int" class="hash-link"><code>parseInt</code> v.s. <code>int</code></a><ul></ul></li><li><a href="#dead-variable" class="hash-link">Dead Variable</a><ul></ul></li><li><a href="#sure-sorted" class="hash-link">Sure Sorted?</a><ul></ul></li><li><a href="#how-do-you-split" class="hash-link">How do you split?</a><ul></ul></li><li><a href="#mutable-default-parameter" class="hash-link">Mutable Default Parameter?</a><ul></ul></li><li><a href="#beware-of-method--function-names" class="hash-link">Beware of Method / Function Names</a><ul></ul></li></ul></div></div><div>
 <h2>
       <a id="article-the-new-operator" class="anchor-hover hash-link" href="#the-new-operator">
       #</a> The <code>new</code> Operator</h2>
@@ -252,7 +252,29 @@ <h2>
 <span class="pl-c1">&gt;&gt;</span><span class="pl-c1">&gt;</span> <span class="pl-en">f</span>()
 [<span class="pl-c1">1</span>]
 <span class="pl-c1">&gt;&gt;</span><span class="pl-c1">&gt;</span> <span class="pl-en">f</span>()
-[<span class="pl-c1">1</span>, <span class="pl-c1">1</span>]</code></pre></div></div><div data-v-7088a7f0><!----><div role="alert" class="v-alert v-sheet theme--dark v-alert--border v-alert--border-left info" data-v-7088a7f0><div class="v-alert__wrapper"><div class="v-alert__content"><p class="my-2 d-inline-block" data-v-7088a7f0>
+[<span class="pl-c1">1</span>, <span class="pl-c1">1</span>]</code></pre></div>
+<h2>
+      <a id="article-beware-of-method--function-names" class="anchor-hover hash-link" href="#beware-of-method--function-names">
+      #</a> Beware of Method / Function Names</h2>
+<p>Some methods / functions achieve similar, if not the same, effect, but with different names. They are so similar that I often get confused.</p>
+<div class="highlight highlight-source-python"><div class="code-bar">
+      <span class="mdi mdi-content-copy"></span>
+      <span class="code-lang">python</span>
+      </div><pre><code><span class="pl-c1">&gt;&gt;</span><span class="pl-c1">&gt;</span> <span class="pl-s">'abc'</span>.<span class="pl-en">startswith</span>(<span class="pl-s">'a'</span>)
+<span class="pl-c1">True</span>
+<span class="pl-c1">&gt;&gt;</span><span class="pl-c1">&gt;</span> <span class="pl-s">''</span>.<span class="pl-en">join</span>([<span class="pl-s">'a'</span>, <span class="pl-s">'b'</span>, <span class="pl-s">'c'</span>])
+<span class="pl-s">'abc'</span>
+<span class="pl-c1">&gt;&gt;</span><span class="pl-c1">&gt;</span> <span class="pl-s">'abc'</span>.<span class="pl-en">index</span>(<span class="pl-s">'a'</span>)
+<span class="pl-c1">0</span></code></pre></div>
+<div class="highlight highlight-source-js"><div class="code-bar">
+      <span class="mdi mdi-content-copy"></span>
+      <span class="code-lang">js</span>
+      </div><pre><code><span class="pl-c1">&gt;</span> <span class="pl-s">'abc'</span><span class="pl-kos">.</span><span class="pl-en">startsWith</span><span class="pl-kos">(</span><span class="pl-s">'a'</span><span class="pl-kos">)</span>
+<span class="pl-c1">true</span>
+<span class="pl-c1">&gt;</span> <span class="pl-kos">[</span><span class="pl-s">'a'</span><span class="pl-kos">,</span> <span class="pl-s">'b'</span><span class="pl-kos">,</span> <span class="pl-s">'c'</span><span class="pl-kos">]</span><span class="pl-kos">.</span><span class="pl-en">join</span><span class="pl-kos">(</span><span class="pl-s">''</span><span class="pl-kos">)</span>
+<span class="pl-s">'abc'</span>
+<span class="pl-c1">&gt;</span> <span class="pl-s">'abc'</span><span class="pl-kos">.</span><span class="pl-en">indexOf</span><span class="pl-kos">(</span><span class="pl-s">'a'</span><span class="pl-kos">)</span>
+<span class="pl-c1">0</span></code></pre></div></div><div data-v-7088a7f0><!----><div role="alert" class="v-alert v-sheet theme--dark v-alert--border v-alert--border-left info" data-v-7088a7f0><div class="v-alert__wrapper"><div class="v-alert__content"><p class="my-2 d-inline-block" data-v-7088a7f0>
       Want to share your thoughts on this post?
     </p><a href="https://github.com/AllanChain/blog/issues/70#new_comment_field" target="_blank" rel="noopener" class="float-right v-btn v-btn--is-elevated v-btn--has-bg theme--dark v-size--default green darken-1" data-v-7088a7f0><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate pr-2 mdi mdi-github theme--dark" data-v-7088a7f0></i>
       Comment on GitHub

tag/javascript/index.html

@@ -39,7 +39,7 @@
   </div><div class="d-flex flex-no-wrap justify-space-between"><div><div class="v-card__subtitle py-1"><span class="mr-4 pb-1 d-inline-block"><i aria-hidden="true" class="v-icon notranslate mdi mdi-calendar-month-outline theme--light"></i>
           2020-02-07 04:23
         </span><span class="pb-1 d-inline-block"><i aria-hidden="true" class="v-icon notranslate mdi mdi-calendar-edit theme--light"></i>
-          2020-07-20 09:25
+          2021-02-22 08:52
         </span></div><div class="v-card__text"><span class="v-badge ma-1 v-badge--bordered v-badge--overlap theme--light"><a href="/blog/blog/programming/" class="text-decoration-none"><span draggable="false" class="font-weight-bold v-chip v-chip--label theme--light v-size--small black--text" style="background-color:#60b3bc;border-color:#60b3bc;"><span class="v-chip__content"><i aria-hidden="true" class="v-icon notranslate v-icon--left mdi mdi-archive theme--light" style="font-size:16px;"></i>
       programming
     </span></span></a><span class="v-badge__wrapper"><span aria-atomic="true" aria-label="Badge" aria-live="polite" role="status" class="v-badge__badge" style="bottom:calc(100% - 9px);left:calc(100% - 12px);right:auto;top:auto;background-color:#60b3bc;border-color:#60b3bc;display:none;"></span></span></span><span class="v-badge ma-1 v-badge--bordered v-badge--overlap theme--light"><a href="/blog/tag/javascript/" aria-current="page" class="text-decoration-none active--exact active"><span draggable="false" class="font-weight-bold v-chip theme--light v-size--small black--text" style="background-color:#f1da4e;border-color:#f1da4e;"><span class="v-chip__content"><i aria-hidden="true" class="v-icon notranslate v-icon--left mdi mdi-tag-outline theme--light" style="font-size:16px;"></i>
@@ -53,6 +53,6 @@
           </div></div></div><a href="/blog/" class="text-decoration-none active"><div tabindex="0" class="v-list-item v-list-item--link theme--light"><div class="v-list-item__icon"><i aria-hidden="true" class="v-icon notranslate mdi mdi-home theme--light"></i></div><div class="v-list-item__content"><div class="v-list-item__title">Home</div></div></div></a><a href="/blog/post/about" class="text-decoration-none"><div tabindex="0" class="v-list-item v-list-item--link theme--light"><div class="v-list-item__icon"><i aria-hidden="true" class="v-icon notranslate mdi mdi-information-variant theme--light"></i></div><div class="v-list-item__content"><div class="v-list-item__title">About</div></div></div></a><a href="/blog/labels" class="text-decoration-none"><div tabindex="0" class="v-list-item v-list-item--link theme--light"><div class="v-list-item__icon"><i aria-hidden="true" class="v-icon notranslate mdi mdi-label-multiple-outline theme--light"></i></div><div class="v-list-item__content"><div class="v-list-item__title">All Labels</div></div></div></a><div tabindex="-1" aria-disabled="true" class="v-list-item v-list-item--disabled theme--light"><div class="v-list-item__icon"><i aria-hidden="true" class="v-icon notranslate mdi mdi-plus-circle-outline theme--light"></i></div><div class="v-list-item__content"><div class="v-list-item__title">Add to Homescreen</div></div></div><a tabindex="0" href="https://github.com/AllanChain" target="_blank" rel="noopener" class="v-list-item v-list-item--link theme--light"><div class="v-list-item__icon"><i aria-hidden="true" class="v-icon notranslate mdi mdi-github theme--light"></i></div><div class="v-list-item__content"><div class="v-list-item__title">Follow Me</div></div></a></div></div><div class="v-navigation-drawer__append"><hr role="separator" aria-orientation="horizontal" class="v-divider theme--light"><div class="px-4 py-2 d-flex"><span draggable="false" class="v-chip v-chip--no-color v-chip--outlined theme--light v-size--default"><span class="v-chip__content"><i aria-hidden="true" class="v-icon notranslate v-icon--left mdi mdi-cogs theme--light" style="font-size:16px;"></i>
           &lt;version&gt; - pending
         </span></span><div class="spacer"></div><button type="button" class="v-btn v-btn--icon v-btn--round theme--light v-size--default"><span class="v-btn__content"><i aria-hidden="true" class="v-icon notranslate mdi mdi-brightness-7 theme--light"></i></span></button></div></div><div class="v-navigation-drawer__border"></div></nav></div></div>
-    <script>window.__INITIAL_STATE__={"data":{"label":{"id":"tag: javascript","name":"javascript","type":"tag","belongsTo":{"edges":[{"node":{"id":"70","title":"From Python to JavaScript","path":"\u002Fpost\u002Ffrom-python-to-js\u002F","summary":"\n\u003Cp\u003EAlthough the title \u003Cem\u003ETop Ten Mistakes Python Programmers Make When Learning JavaScript\u003C\u002Fem\u003E may sound better, I have only noticed a few mistakes now. And I will update this post when I make more mistakes \u003Cg-emoji class=\"g-emoji\" alias=\"smile\" fallback-src=\"https:\u002F\u002Fgithub.githubassets.com\u002Fimages\u002Ficons\u002Femoji\u002Funicode\u002F1f604.png\"\u003E😄\u003C\u002Fg-emoji\u003E\u003C\u002Fp\u003E\n","createdAt":"2020-02-07T04:23:51.000Z","lastEditedAt":"2020-07-20T09:25:28.000Z","image":"","labels":[{"id":"blog: programming"},{"id":"tag: javascript"}]}},{"node":{"id":"88","title":"JS 无依赖获取阴历","path":"\u002Fpost\u002Fjs-yinli\u002F","summary":"\n\u003Cp\u003EIntl 是个好东西，但是还不是很强大，浏览器支持上也有 Node 和 Android 的小缺憾。\u003C\u002Fp\u003E\n","createdAt":"2020-02-08T05:46:36.000Z","lastEditedAt":"2020-07-03T02:55:14.000Z","image":"","labels":[{"id":"blog: programming"},{"id":"tag: javascript"}]}},{"node":{"id":"109","title":"聊一聊 React 的 virtual scroll","path":"\u002Fpost\u002Freact-virtual-scroll\u002F","summary":"\n\u003Cp\u003E也没啥高见，重复一下网上现有的资料而已\u003C\u002Fp\u003E\n","createdAt":"2020-07-10T09:58:04.000Z","lastEditedAt":"2020-07-11T01:08:48.000Z","image":"","labels":[{"id":"blog: programming"},{"id":"tag: javascript"}]}}]}}},"context":{}};(function(){var s;(s=document.currentScript||document.scripts[document.scripts.length-1]).parentNode.removeChild(s);}());</script><script src="/blog/assets/js/core-js.58e319be.js" defer></script><script src="/blog/assets/js/page--src--templates--label-vue.9bcbdc63.js" defer></script><script src="/blog/assets/js/gridsome-vendors.779521cf.js" defer></script><script src="/blog/assets/js/vue-vendors.e0adc876.js" defer></script><script src="/blog/assets/js/vendors~app.b5f8a545.js" defer></script><script src="/blog/assets/js/app.8967104d.js" defer></script>
+    <script>window.__INITIAL_STATE__={"data":{"label":{"id":"tag: javascript","name":"javascript","type":"tag","belongsTo":{"edges":[{"node":{"id":"70","title":"From Python to JavaScript","path":"\u002Fpost\u002Ffrom-python-to-js\u002F","summary":"\n\u003Cp\u003EAlthough the title \u003Cem\u003ETop Ten Mistakes Python Programmers Make When Learning JavaScript\u003C\u002Fem\u003E may sound better, I have only noticed a few mistakes now. And I will update this post when I make more mistakes \u003Cg-emoji class=\"g-emoji\" alias=\"smile\" fallback-src=\"https:\u002F\u002Fgithub.githubassets.com\u002Fimages\u002Ficons\u002Femoji\u002Funicode\u002F1f604.png\"\u003E😄\u003C\u002Fg-emoji\u003E\u003C\u002Fp\u003E\n","createdAt":"2020-02-07T04:23:51.000Z","lastEditedAt":"2021-02-22T08:52:30.000Z","image":"","labels":[{"id":"blog: programming"},{"id":"tag: javascript"}]}},{"node":{"id":"88","title":"JS 无依赖获取阴历","path":"\u002Fpost\u002Fjs-yinli\u002F","summary":"\n\u003Cp\u003EIntl 是个好东西，但是还不是很强大，浏览器支持上也有 Node 和 Android 的小缺憾。\u003C\u002Fp\u003E\n","createdAt":"2020-02-08T05:46:36.000Z","lastEditedAt":"2020-07-03T02:55:14.000Z","image":"","labels":[{"id":"blog: programming"},{"id":"tag: javascript"}]}},{"node":{"id":"109","title":"聊一聊 React 的 virtual scroll","path":"\u002Fpost\u002Freact-virtual-scroll\u002F","summary":"\n\u003Cp\u003E也没啥高见，重复一下网上现有的资料而已\u003C\u002Fp\u003E\n","createdAt":"2020-07-10T09:58:04.000Z","lastEditedAt":"2020-07-11T01:08:48.000Z","image":"","labels":[{"id":"blog: programming"},{"id":"tag: javascript"}]}}]}}},"context":{}};(function(){var s;(s=document.currentScript||document.scripts[document.scripts.length-1]).parentNode.removeChild(s);}());</script><script src="/blog/assets/js/core-js.58e319be.js" defer></script><script src="/blog/assets/js/page--src--templates--label-vue.9bcbdc63.js" defer></script><script src="/blog/assets/js/gridsome-vendors.779521cf.js" defer></script><script src="/blog/assets/js/vue-vendors.e0adc876.js" defer></script><script src="/blog/assets/js/vendors~app.b5f8a545.js" defer></script><script src="/blog/assets/js/app.8967104d.js" defer></script>
   </body>
 </html>