null-blog
/
index.html


<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8" />
        <title>清狂</title>
        <meta name="author" content="清狂" />
        <meta name="description" content="" />
        <meta name="keywords" content="清狂" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
        <link rel="icon" href="/null-blog/images/avatar.jpg" />
        <script src="https://cdn.staticfile.org/vue/3.2.47/vue.global.prod.min.js"></script>
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/6.3.0/css/all.min.css" />
<link rel="stylesheet" href="/null-blog/css/fonts.min.css" />
<script> const mixins = {}; </script>

<script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>


<script src="https://cdn.staticfile.org/highlight.js/11.7.0/highlight.min.js"></script>
<link
    rel="stylesheet"
    href="https://cdn.staticfile.org/highlight.js/11.7.0/styles/github.min.css"
/>
<script src="/null-blog/js/lib/highlight.js"></script>


<script src="/null-blog/js/lib/preview.js"></script>


<script src="/null-blog/js/lib/home.js"></script>

<link rel="stylesheet" href="/null-blog/css/main.css" />

    <meta name="generator" content="Hexo 6.3.0"></head>
    <body>
        <div id="layout">
            <transition name="fade">
                <div id="loading" v-show="loading">
                    <div id="loading-circle">
                        <h2>LOADING</h2>
                        <p>加载过慢请开启缓存 浏览器默认开启</p>
                        <img src="/null-blog/images/loading.gif" />
                    </div>
                </div>
            </transition>
            <nav id="menu" :class="{ hidden: hiddenMenu, 'menu-color': menuColor}">
    <div id="desktop-menu">
        <a class="title" href="/null-blog/">
            <span>清狂</span>
        </a>

        <a href="/null-blog/">
            <i class="fa-solid fa-house fa-fw"></i>
            <span>&ensp;主页</span>
        </a>

        <a href="/null-blog/about">
            <i class="fa-solid fa-id-card fa-fw"></i>
            <span>&ensp;个人</span>
        </a>

        <a href="/null-blog/archives">
            <i class="fa-solid fa-box-archive fa-fw"></i>
            <span>&ensp;档案</span>
        </a>

        <a href="/null-blog/categories">
            <i class="fa-solid fa-bookmark fa-fw"></i>
            <span>&ensp;类别</span>
        </a>

        <a href="/null-blog/tags">
            <i class="fa-solid fa-tags fa-fw"></i>
            <span>&ensp;标签</span>
        </a>

    </div>
    <div id="mobile-menu">
        <div class="title" @click="showMenuItems = !showMenuItems">
            <i class="fa-solid fa-bars fa-fw"></i>
            <span>&emsp;清狂</span>
        </div>
        <transition name="slide">
            <div class="items" v-show="showMenuItems">

                <a href="/null-blog/">
                    <div class="item">
                        <div style="min-width: 20px; max-width: 50px; width: 10%">
                            <i class="fa-solid fa-house fa-fw"></i>
                        </div>
                        <div style="min-width: 100px; max-width: 150%; width: 20%">主页</div>
                    </div>
                </a>

                <a href="/null-blog/about">
                    <div class="item">
                        <div style="min-width: 20px; max-width: 50px; width: 10%">
                            <i class="fa-solid fa-id-card fa-fw"></i>
                        </div>
                        <div style="min-width: 100px; max-width: 150%; width: 20%">个人</div>
                    </div>
                </a>

                <a href="/null-blog/archives">
                    <div class="item">
                        <div style="min-width: 20px; max-width: 50px; width: 10%">
                            <i class="fa-solid fa-box-archive fa-fw"></i>
                        </div>
                        <div style="min-width: 100px; max-width: 150%; width: 20%">档案</div>
                    </div>
                </a>

                <a href="/null-blog/categories">
                    <div class="item">
                        <div style="min-width: 20px; max-width: 50px; width: 10%">
                            <i class="fa-solid fa-bookmark fa-fw"></i>
                        </div>
                        <div style="min-width: 100px; max-width: 150%; width: 20%">类别</div>
                    </div>
                </a>

                <a href="/null-blog/tags">
                    <div class="item">
                        <div style="min-width: 20px; max-width: 50px; width: 10%">
                            <i class="fa-solid fa-tags fa-fw"></i>
                        </div>
                        <div style="min-width: 100px; max-width: 150%; width: 20%">标签</div>
                    </div>
                </a>

            </div>
        </transition>
    </div>
</nav>
<transition name="fade">
    <div id="menu-curtain" @click="showMenuItems = !showMenuItems" v-show="showMenuItems"></div>
</transition>

            <transition name="into">
                <div id="main" v-show="!loading">
                    <div id="home-head">
    <div id="home-background" ref="homeBackground" data-images="/null-blog/images/%E7%99%BD%E7%99%BD1.jpg,/null-blog/images/%E7%99%BD%E7%99%BD2.jpg,/null-blog/images/%E7%99%BD%E7%99%BD3.jpg,/null-blog/images/%E8%8E%B9%E8%8E%B92.jpg,/null-blog/images/%E8%8E%B9%E8%8E%B93.jpg"></div>
    <div id="home-info" @click="homeClick">
        <span class="loop"></span>
        <span class="loop"></span>
        <span class="loop"></span>
        <span class="loop"></span>
        <span class="info">
            <div class="wrap">
                <h1>清狂</h1>
                <h3>直道相思了无益 未妨惆怅是清狂</h3>
                <h5></h5>
            </div>
        </span>
    </div>
</div>
<div id="home-posts-wrap" true ref="homePostsWrap">
    <div id="home-posts">


<div class="post">
    <a href="/null-blog/2023/07/12/%E8%AE%B0%E5%BD%95%E4%B8%80%E6%AC%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%BC%80%E5%8F%91%E4%B8%AD%E7%9A%84%E5%A5%87%E8%91%A9bug/">
        <h2 class="post-title">记录一次小程序开发中的各种奇葩bug</h2>
    </a>
    <div class="category-and-date">

        <span class="category">
            <a href="/null-blog/categories/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/">
                <span class="icon">
                    <i class="fa-solid fa-bookmark fa-fw"></i>
                </span>
                微信小程序
            </a>
        </span>

        <span class="date">
            <span class="icon">
                <i class="fa-solid fa-calendar fa-fw"></i>
            </span>
            2023/7/12
        </span>


    </div>
    <div class="description">
        <div class="content" v-pre>

            <p>微信小程序</p>


        </div>
    </div>
    <div class="post-tags">

        <span class="icon">
            <i class="fa-solid fa-tags fa-fw"></i>
        </span>


        <span class="tag">

            <a href="/null-blog/tags/%E5%B0%8F%E7%A8%8B%E5%BA%8F/" style="color: #ff7d73">小程序</a>
        </span>

    </div>
    <a href="/null-blog/2023/07/12/%E8%AE%B0%E5%BD%95%E4%B8%80%E6%AC%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%BC%80%E5%8F%91%E4%B8%AD%E7%9A%84%E5%A5%87%E8%91%A9bug/" class="go-post">阅读全文</a>
</div>

<div class="post">
    <a href="/null-blog/2023/07/11/%E8%83%BD%E8%AE%B0%E4%BD%8F1%E5%B0%8F%E4%BA%8E2%E5%B0%B1%E8%83%BD%E6%90%9E%E6%87%82%E4%BA%8B%E4%BB%B6%E5%BE%AA%E7%8E%AF%EF%BC%81%E2%80%94%E2%80%94%E9%80%9A%E8%BF%87w3c%E6%A0%87%E5%87%86%E7%90%86%E8%A7%A3%E4%BA%8B%E4%BB%B6%E5%BE%AA%E7%8E%AF%E3%80%81%E5%BC%82%E6%AD%A5%E6%89%A7%E8%A1%8C%E6%9C%BA%E5%88%B6/">
        <h2 class="post-title">能记住1&lt;2就能搞懂“事件循环”！——通过w3c标准理解事件循环、异步执行机制</h2>
    </a>
    <div class="category-and-date">

        <span class="category">
            <a href="/null-blog/categories/JavaScript/">
                <span class="icon">
                    <i class="fa-solid fa-bookmark fa-fw"></i>
                </span>
                JavaScript
            </a>
        </span>

        <span class="date">
            <span class="icon">
                <i class="fa-solid fa-calendar fa-fw"></i>
            </span>
            2023/7/11
        </span>


    </div>
    <div class="description">
        <div class="content" v-pre>

            <p>事件（消息）循环</p>


        </div>
    </div>
    <div class="post-tags">

        <span class="icon">
            <i class="fa-solid fa-tags fa-fw"></i>
        </span>


        <span class="tag">

            <a href="/null-blog/tags/%E5%89%8D%E7%AB%AF/" style="color: #00bcd4">前端</a>
        </span>

    </div>
    <a href="/null-blog/2023/07/11/%E8%83%BD%E8%AE%B0%E4%BD%8F1%E5%B0%8F%E4%BA%8E2%E5%B0%B1%E8%83%BD%E6%90%9E%E6%87%82%E4%BA%8B%E4%BB%B6%E5%BE%AA%E7%8E%AF%EF%BC%81%E2%80%94%E2%80%94%E9%80%9A%E8%BF%87w3c%E6%A0%87%E5%87%86%E7%90%86%E8%A7%A3%E4%BA%8B%E4%BB%B6%E5%BE%AA%E7%8E%AF%E3%80%81%E5%BC%82%E6%AD%A5%E6%89%A7%E8%A1%8C%E6%9C%BA%E5%88%B6/" class="go-post">阅读全文</a>
</div>

<div class="post">
    <a href="/null-blog/2023/07/11/hello-world/">
        <h2 class="post-title">Hello World</h2>
    </a>
    <div class="category-and-date">

        <span class="date">
            <span class="icon">
                <i class="fa-solid fa-calendar fa-fw"></i>
            </span>
            2023/7/11
        </span>


    </div>
    <div class="description">
        <div class="content" v-pre>

            <p>Welcome to <a target="_blank" rel="noopener" href="https://hexo.io/">Hexo</a>! This is your very first post. Check <a target="_blank" rel="noopener" href="https://hexo.io/docs/">documentation</a> for more info. If you get any problems when using Hexo, you can find the answer in <a target="_blank" rel="noopener" href="https://hexo.io/docs/troubleshooting.html">troubleshooting</a> or you can ask me on <a target="_blank" rel="noopener" href="https://github.com/hexojs/hexo/issues">GitHub</a>.</p>
<h2 id="Quick-Start"><a href="#Quick-Start" class="headerlink" title="Quick Start"></a>Quick Start</h2><h3 id="Create-a-new-post"><a href="#Create-a-new-post" class="headerlink" title="Create a new post"></a>Create a new post</h3><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo new &quot;My New Post&quot;</span><br></pre></td></tr></table></figure>

<p>More info: <a target="_blank" rel="noopener" href="https://hexo.io/docs/writing.html">Writing</a></p>
<h3 id="Run-server"><a href="#Run-server" class="headerlink" title="Run server"></a>Run server</h3><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo server</span><br></pre></td></tr></table></figure>

<p>More info: <a target="_blank" rel="noopener" href="https://hexo.io/docs/server.html">Server</a></p>
<h3 id="Generate-static-files"><a href="#Generate-static-files" class="headerlink" title="Generate static files"></a>Generate static files</h3><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo generate</span><br></pre></td></tr></table></figure>

<p>More info: <a target="_blank" rel="noopener" href="https://hexo.io/docs/generating.html">Generating</a></p>
<h3 id="Deploy-to-remote-sites"><a href="#Deploy-to-remote-sites" class="headerlink" title="Deploy to remote sites"></a>Deploy to remote sites</h3><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo deploy</span><br></pre></td></tr></table></figure>

<p>More info: <a target="_blank" rel="noopener" href="https://hexo.io/docs/one-command-deployment.html">Deployment</a></p>


        </div>
    </div>
    <div class="post-tags">


    </div>
    <a href="/null-blog/2023/07/11/hello-world/" class="go-post">阅读全文</a>
</div>


        <div class="page-current">
    <div class="prev">

    </div>
    <div class="page-index">

        <span class="current">1</span>

    </div>
    <div class="next">

    </div>
</div>

    </div>

    <div id="home-card">
        <div id="card-div">
  <div id="card-border">
    <div class="card-style">
      <div class="avatar">
        <img src="/null-blog/images/avatar.jpg" alt="avatar" />
      </div>
      <div class="name">清狂</div>
      <div class="description"><p>个人签名<br>直道相思了无益<br>未妨惆怅是清狂</p>
</div>

      <div class="friend-links">

        <div class="friend-link">
          <a href="https://danceshadow.gitee.io/null-blog">友链</a>
        </div>

      </div>

    </div>
  </div>
</div>

    </div>

</div>

                    <footer id="footer">
    <div id="footer-wrap">
        <div>
            &copy;
            2022 - 2023 清狂
            <span id="footer-icon">
                <i class="fa-solid fa-font-awesome fa-fw"></i>
            </span>
            &commat;清狂
        </div>
        <div>
            Based on the <a target="_blank" rel="noopener" href="https://hexo.io">Hexo Engine</a> &amp;
            <a target="_blank" rel="noopener" href="https://github.com/theme-particlex/hexo-theme-particlex">ParticleX Theme</a>
        </div>

    </div>
</footer>

                </div>
            </transition>

            <transition name="fade">
                <div id="preview" ref="preview" v-show="previewShow">
                    <img id="preview-content" ref="previewContent" />
                </div>
            </transition>

        </div>
        <script src="/null-blog/js/main.js"></script>

        <script src="/null-blog/js/sakura.js"></script>

    </body>
</html>