https://elated-raman-42e0c2.netlify.app/tags/js/Recent content in Js on Sawyer Zheng's BlogHugozh-cnMon, 24 Feb 2025 12:42:11 +0800https://elated-raman-42e0c2.netlify.app/post/notes/web/vue/Thu, 16 Jul 2020 00:00:00 +0000https://elated-raman-42e0c2.netlify.app/post/notes/web/vue/<div id="outline-container-headline-1" class="outline-2"> <h2 id="headline-1"> Purpose </h2> <div id="outline-text-headline-1" class="outline-text-2"> <p>Notes for Vue</p> </div> </div> <div id="outline-container-headline-2" class="outline-2"> <h2 id="headline-2"> 教程 </h2> <div id="outline-text-headline-2" class="outline-text-2"> <ul> <li><a href="https://vuetifyjs.com/zh-Hans/components/alerts/">https://vuetifyjs.com/zh-Hans/components/alerts/</a></li> <li><a href="https://vuetifyjs.com/en/components/alerts/">https://vuetifyjs.com/en/components/alerts/</a></li> </ul> </div> </div> <div id="outline-container-headline-3" class="outline-2"> <h2 id="headline-3"> 分割线 </h2> <div id="outline-text-headline-3" class="outline-text-2"> <div id="outline-container-headline-4" class="outline-3"> <h3 id="headline-4"> v-divider </h3> <div id="outline-text-headline-4" class="outline-text-3"> <p>水平分割线，上下分割</p> </div> </div> <div id="outline-container-headline-5" class="outline-3"> <h3 id="headline-5"> v-seperator </h3> <div id="outline-text-headline-5" class="outline-text-3"> <p>竖直分割线，左右分割</p> </div> </div> </div> </div> <div id="outline-container-headline-6" class="outline-2"> <h2 id="headline-6"> v-if </h2> <div id="outline-text-headline-6" class="outline-text-2"> <p>参考： <a href="https://www.runoob.com/vue2/vue-if.html">https://www.runoob.com/vue2/vue-if.html</a> 作用： 控制可见性，是否插入对应的标签</p> <ul> <li> <p>相关指令</p> <ul> <li>v-else</li> <li>v-else-if</li> </ul> </li> <li> <p>相似指令</p>https://elated-raman-42e0c2.netlify.app/post/notes/web/js/Mon, 13 Jul 2020 00:00:00 +0000https://elated-raman-42e0c2.netlify.app/post/notes/web/js/<div id="outline-container-headline-1" class="outline-2"> <h2 id="headline-1"> 教程 </h2> <div id="outline-text-headline-1" class="outline-text-2"> <ul> <li><a href="https://www.w3schools.com/js/default.asp">https://www.w3schools.com/js/default.asp</a></li> <li><a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide">JavaScript 指南 - JavaScript | MDN</a></li> </ul> </div> </div> <div id="outline-container-headline-2" class="outline-2"> <h2 id="headline-2"> 变量作用域 </h2> <div id="outline-text-headline-2" class="outline-text-2"> <div id="outline-container-headline-3" class="outline-3"> <h3 id="headline-3"> 作用域类型 </h3> <div id="outline-text-headline-3" class="outline-text-3"> <ul> <li> <p>全局 Global Scopes</p> <ul> <li>let 不属于 window</li> <li>undefined 属于 window</li> <li>var 声明 属于 window</li> </ul> </li> <li> <p>局部 Local Scopes</p> <ul> <li>函数 Function Scopes</li> <li> <p>块 Block Scopes</p> <ul> <li>使用 let 或者 const</li> </ul> </li> <li>let 声明普通变量</li> <li>const 声明“引用”不便类型</li> </ul> </li> </ul> </div> </div> </div> </div> <div id="outline-container-headline-4" class="outline-2"> <h2 id="headline-4"> 特殊变量 </h2> <div id="outline-text-headline-4" class="outline-text-2"> <div id="outline-container-headline-5" class="outline-3"> <h3 id="headline-5"> null VS. undefined </h3> <div id="outline-text-headline-5" class="outline-text-3"> <p>参考：<a href="https://codeburst.io/javascript-whats-the-difference-between-null-undefined-37793b5bfce6">JavaScript — What’s the difference between Null &amp; Undefined? | by Brandon Mor…</a></p>https://elated-raman-42e0c2.netlify.app/post/notes/web/yarn/Fri, 10 Jul 2020 00:00:00 +0000https://elated-raman-42e0c2.netlify.app/post/notes/web/yarn/<div id="outline-container-headline-1" class="outline-2"> <h2 id="headline-1"> 安装 sqlite3 失败 </h2> <div id="outline-text-headline-1" class="outline-text-2"> <p>yarn config set registry <a href="https://registry.npm.taobao.org/">https://registry.npm.taobao.org/</a></p> <p> npm install -g node-pre-gyp npm install -g node-gyp 来源：<a href="https://stackoverflow.com/a/58073812">https://stackoverflow.com/a/58073812</a></p> <p> 下面的没试过 npm config set user 0 npm config set unsafe-perm true <a href="https://github.com/jansmolders86/mediacenterjs/issues/191#issuecomment-317437604">https://github.com/jansmolders86/mediacenterjs/issues/191#issuecomment-317437604</a></p> </div> </div>