mangoblog
/
index.html

<!DOCTYPE html><html lang="zh-CN" data-theme="light"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>小芒果 - 小芒果</title><meta name="keywords" content="小芒果"><meta name="author" content="小芒果"><meta name="copyright" content="小芒果"><meta name="format-detection" content="telephone=no"><meta name="theme-color" content="#ffffff"><meta name="description" content="小芒果记录的小窝">
<meta property="og:type" content="website">
<meta property="og:title" content="小芒果">
<meta property="og:url" content="https://tinyshellbo.github.io/index.html">
<meta property="og:site_name" content="小芒果">
<meta property="og:description" content="小芒果记录的小窝">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="https://tinyshellbo.github.io/img/xusong.jpg">
<meta property="article:author" content="小芒果">
<meta property="article:tag" content="小芒果">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://tinyshellbo.github.io/img/xusong.jpg"><link rel="shortcut icon" href="/mangoblog/img/xusong.ico"><link rel="canonical" href="https://tinyshellbo.github.io/"><link rel="preconnect" href="//cdn.jsdelivr.net"/><link rel="preconnect" href="//busuanzi.ibruce.info"/><link rel="stylesheet" href="/mangoblog/css/index.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css" media="print" onload="this.media='all'"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/node-snackbar/dist/snackbar.min.css" media="print" onload="this.media='all'"><script>const GLOBAL_CONFIG = {
  root: '/mangoblog/',
  algolia: undefined,
  localSearch: {"path":"search.xml","languages":{"hits_empty":"找不到您查询的内容：${query}"}},
  translate: undefined,
  noticeOutdate: undefined,
  highlight: {"plugin":"highlighjs","highlightCopy":true,"highlightLang":true,"highlightHeightLimit":false},
  copy: {
    success: '复制成功',
    error: '复制错误',
    noSupport: '浏览器不支持'
  },
  relativeDate: {
    homepage: true,
    post: true
  },
  runtime: '',
  date_suffix: {
    just: '刚刚',
    min: '分钟前',
    hour: '小时前',
    day: '天前',
    month: '个月前'
  },
  copyright: undefined,
  lightbox: 'fancybox',
  Snackbar: {"chs_to_cht":"你已切换为繁体","cht_to_chs":"你已切换为简体","day_to_night":"你已切换为深色模式","night_to_day":"你已切换为浅色模式","bgLight":"#49b1f5","bgDark":"#2d3035","position":"bottom-left"},
  source: {
    jQuery: 'https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js',
    justifiedGallery: {
      js: 'https://cdn.jsdelivr.net/npm/justifiedGallery/dist/js/jquery.justifiedGallery.min.js',
      css: 'https://cdn.jsdelivr.net/npm/justifiedGallery/dist/css/justifiedGallery.min.css'
    },
    fancybox: {
      js: 'https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.js',
      css: 'https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.css'
    }
  },
  isPhotoFigcaption: false,
  islazyload: false,
  isanchor: false
}</script><script id="config-diff">var GLOBAL_CONFIG_SITE = {
  title: '小芒果',
  isPost: false,
  isHome: true,
  isHighlightShrink: false,
  isToc: false,
  postUpdate: '2021-11-15 19:07:16'
}</script><noscript><style type="text/css">
  #nav {
    opacity: 1
  }
  .justified-gallery img {
    opacity: 1
  }

  #recent-posts time,
  #post-meta time {
    display: inline !important
  }
</style></noscript><script>(win=>{
    win.saveToLocal = {
      set: function setWithExpiry(key, value, ttl) {
        if (ttl === 0) return
        const now = new Date()
        const expiryDay = ttl * 86400000
        const item = {
          value: value,
          expiry: now.getTime() + expiryDay,
        }
        localStorage.setItem(key, JSON.stringify(item))
      },

      get: function getWithExpiry(key) {
        const itemStr = localStorage.getItem(key)

        if (!itemStr) {
          return undefined
        }
        const item = JSON.parse(itemStr)
        const now = new Date()

        if (now.getTime() > item.expiry) {
          localStorage.removeItem(key)
          return undefined
        }
        return item.value
      }
    }

    win.getScript = url => new Promise((resolve, reject) => {
      const script = document.createElement('script')
      script.src = url
      script.async = true
      script.onerror = reject
      script.onload = script.onreadystatechange = function() {
        const loadState = this.readyState
        if (loadState && loadState !== 'loaded' && loadState !== 'complete') return
        script.onload = script.onreadystatechange = null
        resolve()
      }
      document.head.appendChild(script)
    })

      win.activateDarkMode = function () {
        document.documentElement.setAttribute('data-theme', 'dark')
        if (document.querySelector('meta[name="theme-color"]') !== null) {
          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#0d0d0d')
        }
      }
      win.activateLightMode = function () {
        document.documentElement.setAttribute('data-theme', 'light')
        if (document.querySelector('meta[name="theme-color"]') !== null) {
          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#ffffff')
        }
      }
      const t = saveToLocal.get('theme')

          if (t === 'dark') activateDarkMode()
          else if (t === 'light') activateLightMode()

      const asideStatus = saveToLocal.get('aside-status')
      if (asideStatus !== undefined) {
        if (asideStatus === 'hide') {
          document.documentElement.classList.add('hide-aside')
        } else {
          document.documentElement.classList.remove('hide-aside')
        }
      }

    const detectApple = () => {
      if (GLOBAL_CONFIG_SITE.isHome && /iPad|iPhone|iPod|Macintosh/.test(navigator.userAgent)){
        document.documentElement.classList.add('apple')
      }
    }
    detectApple()
    })(window)</script><meta name="generator" content="Hexo 5.4.0"></head><body><div id="web_bg"></div><div id="sidebar"><div id="menu-mask"></div><div id="sidebar-menus"><div class="avatar-img is-center"><img src="/mangoblog/img/xusong.jpg" onerror="onerror=null;src='/img/friend_404.gif'" alt="avatar"/></div><div class="site-data"><div class="data-item is-center"><div class="data-item-link"><a href="/mangoblog/archives/"><div class="headline">文章</div><div class="length-num">10</div></a></div></div><div class="data-item is-center"><div class="data-item-link"><a href="/mangoblog/tags/"><div class="headline">标签</div><div class="length-num">13</div></a></div></div><div class="data-item is-center"><div class="data-item-link"><a href="/mangoblog/categories/"><div class="headline">分类</div><div class="length-num">7</div></a></div></div></div><hr/><div class="menus_items"><div class="menus_item"><a class="site-page" href="/mangoblog/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/mangoblog/archives/"><i class="fa-fw fas fa-archive"></i><span> 时间轴</span></a></div><div class="menus_item"><a class="site-page" href="/mangoblog/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="/mangoblog/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></div><div class="menus_item"><a class="site-page" href="/mangoblog/link/"><i class="fa-fw fas fa-link"></i><span> 推荐链接</span></a></div><div class="menus_item"><a class="site-page" href="/mangoblog/about/"><i class="fa-fw fas fa-heart"></i><span> 关于</span></a></div></div></div></div><div class="page" id="body-wrap"><header class="full_page" id="page-header" style="background-image: url('/mangoblog/img/bg.jpg')"><nav id="nav"><span id="blog_name"><a id="site-name" href="/mangoblog/">小芒果</a></span><div id="menus"><div id="search-button"><a class="site-page social-icon search"><i class="fas fa-search fa-fw"></i><span> 搜索</span></a></div><div class="menus_items"><div class="menus_item"><a class="site-page" href="/mangoblog/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/mangoblog/archives/"><i class="fa-fw fas fa-archive"></i><span> 时间轴</span></a></div><div class="menus_item"><a class="site-page" href="/mangoblog/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="/mangoblog/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></div><div class="menus_item"><a class="site-page" href="/mangoblog/link/"><i class="fa-fw fas fa-link"></i><span> 推荐链接</span></a></div><div class="menus_item"><a class="site-page" href="/mangoblog/about/"><i class="fa-fw fas fa-heart"></i><span> 关于</span></a></div></div><div id="toggle-menu"><a class="site-page"><i class="fas fa-bars fa-fw"></i></a></div></div></nav><div id="site-info"><h1 id="site-title">小芒果</h1><div id="site-subtitle"><span id="subtitle"></span></div><div id="site_social_icons"><a class="social-icon" href="https://github.com/tinyshellbo" target="_blank" title="Github"><i class="fab fa-github"></i></a><a class="social-icon" href="mailto:tlittlebo@gmail.com" target="_blank" title="Email"><i class="fas fa-envelope"></i></a></div></div><div id="scroll-down"><i class="fas fa-angle-down scroll-down-effects"></i></div></header><main class="layout" id="content-inner"><div class="recent-posts" id="recent-posts"><div class="recent-post-item"><div class="post_cover left_radius"><a href="/mangoblog/2021/11/15/show/task/" title="任务平台展示">     <img class="post_bg" src="/mangoblog/img/boniu.jpg" onerror="this.onerror=null;this.src='/mangoblog/img/404.jpg'" alt="任务平台展示"></a></div><div class="recent-post-info"><a class="article-title" href="/mangoblog/2021/11/15/show/task/" title="任务平台展示">任务平台展示</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2021-11-15T10:42:17.000Z" title="发表于 2021-11-15 18:42:17">2021-11-15</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-11-15T11:00:23.175Z" title="更新于 2021-11-15 19:00:23">2021-11-15</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/mangoblog/categories/%E9%BB%98%E8%AE%A4/">默认</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/mangoblog/tags/%E9%BB%98%E8%AE%A4/">默认</a></span></div><div class="content">待完善中视频展示地址视频地址:https://xiaomangguo.oss-cn-shanghai.aliyuncs.com/QQ%E8%A7%86%E9%A2%91_a6badea7a1e1c00bdc40e4910574ca541636967319.mp4?versionId=CAEQJBiBgIDr_L2M6RciIDZkNDZkOTBkZmRkMjQxZWI5MDljODcwMzZhMTc1ZTBh
 your browser does not support the video tag
如无法播放可复制链接在浏览器打开
相关截图


</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/mangoblog/2021/09/26/other/%E5%A4%A7%E5%AD%A6%E4%B9%A0%E8%84%9A%E6%9C%AC/" title="青年大学习自助脚本">     <img class="post_bg" src="/mangoblog/img/boniu.jpg" onerror="this.onerror=null;this.src='/mangoblog/img/404.jpg'" alt="青年大学习自助脚本"></a></div><div class="recent-post-info"><a class="article-title" href="/mangoblog/2021/09/26/other/%E5%A4%A7%E5%AD%A6%E4%B9%A0%E8%84%9A%E6%9C%AC/" title="青年大学习自助脚本">青年大学习自助脚本</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2021-09-26T09:09:11.000Z" title="发表于 2021-09-26 17:09:11">2021-09-26</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-09-27T07:54:53.655Z" title="更新于 2021-09-27 15:54:53">2021-09-27</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/mangoblog/categories/python/">python</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/mangoblog/tags/python/">python</a></span></div><div class="content">
此处是脚本存放的地方

获取token的脚本12345678910111213141516171819202122232425262728293031323334353637383940import stringimport timeimport tracebackimport randomimport refrom urllib.parse import urlencodeimport requestsfrom faker import Fakerdef gen_rand_str(len):    return &#x27;&#x27;.join(random.sample(string.ascii_letters + string.digits, len))def get_token():    url = &quot;https://jxtw.h5yunban.cn/jxtw-qndxx/cgi-bin/login/we-chat/callback?callback=https%3A%2F%2Fjxtw.h5yunban.cn%2Fjxtw-qndxx%2FsignUp.php ...</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/mangoblog/2021/09/26/other/%E9%9D%92%E5%B9%B4%E5%A4%A7%E5%AD%A6%E4%B9%A0%E6%8A%93%E5%8C%85/" title="青年大学习自助提交">     <img class="post_bg" src="/mangoblog/img/boniu.jpg" onerror="this.onerror=null;this.src='/mangoblog/img/404.jpg'" alt="青年大学习自助提交"></a></div><div class="recent-post-info"><a class="article-title" href="/mangoblog/2021/09/26/other/%E9%9D%92%E5%B9%B4%E5%A4%A7%E5%AD%A6%E4%B9%A0%E6%8A%93%E5%8C%85/" title="青年大学习自助提交">青年大学习自助提交</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2021-09-26T04:47:26.000Z" title="发表于 2021-09-26 12:47:26">2021-09-26</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-09-26T09:03:51.613Z" title="更新于 2021-09-26 17:03:51">2021-09-26</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/mangoblog/categories/%E9%97%B2%E6%9D%82/">闲杂</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/mangoblog/tags/fiddler-python%E7%88%AC%E8%99%AB%E6%A1%88%E4%BE%8B/">-fiddler -python爬虫案例</a></span></div><div class="content">起因
由于每周都要被辅导员吹青年大学习，以前是伪造截图就好了，现在还有个后台什么的可以查看到哪些人看了没看。一般人肯定就老老实实去看了，但是作为学习了计算机的人，肯定不能向势力屈服…

分析首先，每次辅导员催交的时候都会发一个已经观看了青年大学习的截图，没在名单上的就视为没看过。如下图

里面由我们的名字学号和所在团委，那么，这些记录怎么来的呢？有过web相关开发的都知道，这肯定是客户端发了一个请求到服务器里头，服务器存储到了数据库中，然后便有了记录可查。那么这个请求是什么时候发起的呢？是在我们看完青年大学习的时候就发了一个请求过去吗？还记得我们进入青年大学习时有一个选择团委和填写姓名的页面么？问题揭晓了，就是那个界面我们提交了我们的”学习记录”，如下图

问题
那么知道是这个界面提交了我们的”学习记录“,此时此刻我们就需要获取这个页面的url，然后找到他的请求地址，用编程语言去模拟发起请求就可以了

我们用手机本来可以点击右上角选择用浏览器打开获取这个地址的url，但是呢，没有这个选项，那么该如何获取这个请求地址呢？


方法既然浏览器无法打开，那么我们可以使用http抓包工具，抓包 ...</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/mangoblog/2021/09/19/web/webpack/" title="webpack学习记录">     <img class="post_bg" src="/mangoblog/img/boniu.jpg" onerror="this.onerror=null;this.src='/mangoblog/img/404.jpg'" alt="webpack学习记录"></a></div><div class="recent-post-info"><a class="article-title" href="/mangoblog/2021/09/19/web/webpack/" title="webpack学习记录">webpack学习记录</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2021-09-19T10:39:25.000Z" title="发表于 2021-09-19 18:39:25">2021-09-19</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-09-20T02:15:17.034Z" title="更新于 2021-09-20 10:15:17">2021-09-20</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/mangoblog/categories/%E9%BB%98%E8%AE%A4/">默认</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/mangoblog/tags/%E9%BB%98%E8%AE%A4/">默认</a></span></div><div class="content">什么是webpack？
webpack是前端工程化的具体解决方案，用于打包的，webpack分析项目结构,找到javascript模块以及其他的一些浏览器不能直接运行的拓展语言(如Scss，typescript等)，并将其打包为合适的格式以供浏览器使用

主要功能
它提供了有好的前端模块化支持，以及代码压缩混淆、出力浏览器端javascript的兼容性、性能优化等强大的功能.

webpack基本使用
新建项目空白目录、并运行npm init -y，初始化包管理配置文件package.json
新建src源代码目录
新建src-&gt;index.html首页和src-&gt;index.js脚本文件
初始化首页基本的结构
运行npm install jquery -S 命令安装jquery
通过es6模块化的方式导入jquery，实现列表隔行变色效果

index.hml
1234567891011121314151617181920212223&lt;!DOCTYPE html&gt;&lt;html lang=&quot;en&quot;&gt;&lt;head&gt;    & ...</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/mangoblog/2021/09/16/java/java%E5%9F%BA%E7%A1%80%E7%AC%94%E8%AE%B06-NET/" title="java基础笔记6-NET">     <img class="post_bg" src="/mangoblog/img/cover_2021091201.jpg" onerror="this.onerror=null;this.src='/mangoblog/img/404.jpg'" alt="java基础笔记6-NET"></a></div><div class="recent-post-info"><a class="article-title" href="/mangoblog/2021/09/16/java/java%E5%9F%BA%E7%A1%80%E7%AC%94%E8%AE%B06-NET/" title="java基础笔记6-NET">java基础笔记6-NET</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2021-09-16T11:54:06.000Z" title="发表于 2021-09-16 19:54:06">2021-09-16</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-09-16T11:59:26.353Z" title="更新于 2021-09-16 19:59:26">2021-09-16</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/mangoblog/categories/%E8%AE%A1%E7%BD%91/">计网</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/mangoblog/tags/%E7%BD%91%E7%BB%9C/">网络</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/mangoblog/tags/TCP/">TCP</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/mangoblog/tags/HTTP/">HTTP</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/mangoblog/tags/UDP/">UDP</a></span></div><div class="content">NETDES网络编程网络编程，就是在一定的协议下，实现两台计算机的通信的技术
通信一定是基于软件结构实现的:

C/S 结构 ：全称为 Client/Server 结构，是指客户端和服务器结构，常见程序有 QQ、IDEA等软件。
B/S 结构 ：全称为 Browser/Server 结构，是指浏览器和服务器结构。

两种架构各有优势，但是无论哪种架构，都离不开网络的支持。
网络通信的三要素：

协议：计算机网络客户端与服务端通信必须约定和彼此遵守的通信规则，HTTP、FTP、TCP、UDP、SMTP

IP地址：互联网协议地址（Internet Protocol Address），用来给一个网络中的计算机设备做唯一的编号

IPv4 ：4个字节，32位组成，192.168.1.1

Pv6：可以实现为所有设备分配 IP  128 位

ipconfig：查看本机的 IP

ping 检查本机与某个 IP 指定的机器是否联通，或者说是检测对方是否在线。
ping 空格 IP地址 ：ping 220.181.57.216，ping www.baidu.com


特殊的IP地址： 本机I ...</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/mangoblog/2021/09/16/java/java%E5%9F%BA%E7%A1%80%E7%AC%94%E8%AE%B05-JUC/" title="java基础笔记5-JUC">     <img class="post_bg" src="/mangoblog/img/boniu.jpg" onerror="this.onerror=null;this.src='/mangoblog/img/404.jpg'" alt="java基础笔记5-JUC"></a></div><div class="recent-post-info"><a class="article-title" href="/mangoblog/2021/09/16/java/java%E5%9F%BA%E7%A1%80%E7%AC%94%E8%AE%B05-JUC/" title="java基础笔记5-JUC">java基础笔记5-JUC</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2021-09-16T11:53:44.000Z" title="发表于 2021-09-16 19:53:44">2021-09-16</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-09-16T11:58:36.281Z" title="更新于 2021-09-16 19:58:36">2021-09-16</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/mangoblog/categories/java/">java</a><i class="fas fa-angle-right"></i><a class="article-meta__categories" href="/mangoblog/categories/java/%E5%A4%9A%E7%BA%BF%E7%A8%8B/">多线程</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/mangoblog/tags/%E5%A4%9A%E7%BA%BF%E7%A8%8B/">多线程</a></span></div><div class="content">JUC进程概述进程：程序是静止的，进程实体的运行过程就是进程，是系统进行资源分配的基本单位
进程的特征：并发性、异步性、动态性、独立性、结构性
线程：线程是属于进程的，是一个基本的 CPU 执行单元，是程序执行流的最小单元。线程是进程中的一个实体，是系统独立调度的基本单位，线程本身不拥有系统资源，只拥有一点在运行中必不可少的资源，但它可与同属一个进程的其他线程共享进程所拥有的全部资源
关系：一个进程可以包含多个线程，这就是多线程，比如看视频是进程，图画、声音、广告等就是多个线程
线程的作用：使多道程序更好的并发执行，提高资源利用率和系统吞吐量，增强操作系统的并发性能
并发并行：

并行：在同一时刻，有多个指令在多个 CPU 上同时执行
并发：在同一时刻，有多个指令在单个 CPU 上交替执行

同步异步：

需要等待结果返回，才能继续运行就是同步
不需要等待结果返回，就能继续运行就是异步

参考视频：https://www.bilibili.com/video/BV16J411h7Rd
笔记的整体结构依据视频编写，并随着学习的深入补充了很多知识

对比线程进程对比：

进程基本上相互独立 ...</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/mangoblog/2021/09/16/java/java%E5%9F%BA%E7%A1%80%E7%AC%94%E8%AE%B04-SDP/" title="java基础笔记4-SDP">     <img class="post_bg" src="/mangoblog/img/boniu.jpg" onerror="this.onerror=null;this.src='/mangoblog/img/404.jpg'" alt="java基础笔记4-SDP"></a></div><div class="recent-post-info"><a class="article-title" href="/mangoblog/2021/09/16/java/java%E5%9F%BA%E7%A1%80%E7%AC%94%E8%AE%B04-SDP/" title="java基础笔记4-SDP">java基础笔记4-SDP</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2021-09-16T11:53:21.000Z" title="发表于 2021-09-16 19:53:21">2021-09-16</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-09-16T11:58:08.264Z" title="更新于 2021-09-16 19:58:08">2021-09-16</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/mangoblog/categories/%E8%BD%AF%E4%BB%B6%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/">软件设计模式</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/mangoblog/tags/%E8%BD%AF%E4%BB%B6%E8%AE%BE%E8%AE%A1/">软件设计</a></span></div><div class="content">SDP软件设计设计模式软件设计模式（Software Design Pattern），本质是面向对象设计原则的实际运用，是对类的封装性、继承性和多态性以及类的关联关系和组合关系的充分理解

可以提高程序员的思维能力、编程能力和设计能力
使程序设计更加标准化、代码编制更加工程化，使软件开发效率大大提高，从而缩短软件的开发周期
使设计的代码可重用性高、可读性强、可靠性高、灵活性好、可维护性强

设计模式分类：

创建型模式：用于描述如何创建对象，主要特点是将对象的创建与使用分离。GoF 书中提供了单例、原型、工厂方法、抽象工厂、建造者等 5 种创建型模式
结构型模式：用于描述如何将类或对象按某种布局组成更大的结构，GoF 书中提供了代理、适配器、桥接、装饰、外观、享元、组合等 7 种结构型模式
行为型模式：用于描述类或对象之间怎样相互协作共同完成单个对象无法单独完成的任务，以及怎样分配职责。GoF 书中提供了模板方法、策略、命令、职责链、状态、观察者、中介者、迭代器、访问者、备忘录、解释器等 11 种行为型模式

参考视频：https://www.bilibili.com/video/BV ...</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/mangoblog/2021/09/16/java/java%E5%9F%BA%E7%A1%80%E7%AC%94%E8%AE%B02-JVM/" title="java基础笔记2-JVM">     <img class="post_bg" src="/mangoblog/img/boniu.jpg" onerror="this.onerror=null;this.src='/mangoblog/img/404.jpg'" alt="java基础笔记2-JVM"></a></div><div class="recent-post-info"><a class="article-title" href="/mangoblog/2021/09/16/java/java%E5%9F%BA%E7%A1%80%E7%AC%94%E8%AE%B02-JVM/" title="java基础笔记2-JVM">java基础笔记2-JVM</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2021-09-16T11:52:54.000Z" title="发表于 2021-09-16 19:52:54">2021-09-16</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-09-16T11:57:18.025Z" title="更新于 2021-09-16 19:57:18">2021-09-16</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/mangoblog/categories/java/">java</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/mangoblog/tags/jvm/">jvm</a></span></div><div class="content">JVMJVM概述基本介绍JVM：全称 Java Virtual Machine，即 Java 虚拟机，一种规范，本身是一个虚拟计算机，直接和操作系统进行交互，与硬件不直接交互，而操作系统可以帮我们完成和硬件进行交互的工作
特点：

Java 虚拟机基于二进制字节码执行，由一套字节码指令集、一组寄存器、一个栈、一个垃圾回收堆、一个方法区等组成
JVM 屏蔽了与操作系统平台相关的信息，从而能够让 Java 程序只需要生成能够在 JVM 上运行的字节码文件，通过该机制实现的跨平台性

Java 代码执行流程：java程序 –（编译）–&gt; 字节码文件 –（解释执行）–&gt; 操作系统（Win，Linux）
JVM 结构：


JVM、JRE、JDK对比：


参考书籍：https://book.douban.com/subject/34907497/
参考视频：https://www.bilibili.com/video/BV1PJ411n7xZ
参考视频：https://www.bilibili.com/video/BV1yE411Z7AP

架构模型Java 编译器输入的指令流 ...</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/mangoblog/2021/09/16/java/java%E5%9F%BA%E7%A1%80%E7%AC%94%E8%AE%B03-ALG/" title="java基础笔记3-ALG">     <img class="post_bg" src="/mangoblog/img/boniu.jpg" onerror="this.onerror=null;this.src='/mangoblog/img/404.jpg'" alt="java基础笔记3-ALG"></a></div><div class="recent-post-info"><a class="article-title" href="/mangoblog/2021/09/16/java/java%E5%9F%BA%E7%A1%80%E7%AC%94%E8%AE%B03-ALG/" title="java基础笔记3-ALG">java基础笔记3-ALG</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2021-09-16T11:52:43.000Z" title="发表于 2021-09-16 19:52:43">2021-09-16</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-09-16T11:57:46.760Z" title="更新于 2021-09-16 19:57:46">2021-09-16</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/mangoblog/categories/java/">java</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/mangoblog/tags/java/">java</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/mangoblog/tags/%E7%AE%97%E6%B3%95/">算法</a></span></div><div class="content">ALG递归概述算法：解题方案的准确而完整的描述，是一系列解决问题的清晰指令，代表着用系统的方法解决问题的策略机制
递归：程序调用自身的编程技巧
递归：

直接递归：自己的方法调用自己
间接递归：自己的方法调用别的方法，别的方法又调用自己

递归如果控制的不恰当，会形成递归的死循环，从而导致栈内存溢出错误
参考书籍：https://book.douban.com/subject/35263893/

算法核心思想递归的三要素（理论）：

递归的终结点
递归的公式
递归的方向：必须走向终结点

1// f(x)=f(x-1)+1;   f(1)=1;    f(10)=?// 1.递归的终结点： f(1)  = 1// 2.递归的公式：f(x) = f(x - 1) + 1// 3.递归的方向：必须走向终结点public static int f(int x)&#123;    if(x == 1)&#123;        return 1;    &#125;else&#123;        return f(x-1) + 1;    &#125;&#125;


公式转换1// ...</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/mangoblog/2021/09/16/java/java%E5%9F%BA%E7%A1%80%E7%AC%94%E8%AE%B01-SE/" title="java基础笔记1-SE">     <img class="post_bg" src="/mangoblog/img/boniu.jpg" onerror="this.onerror=null;this.src='/mangoblog/img/404.jpg'" alt="java基础笔记1-SE"></a></div><div class="recent-post-info"><a class="article-title" href="/mangoblog/2021/09/16/java/java%E5%9F%BA%E7%A1%80%E7%AC%94%E8%AE%B01-SE/" title="java基础笔记1-SE">java基础笔记1-SE</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2021-09-16T11:51:14.000Z" title="发表于 2021-09-16 19:51:14">2021-09-16</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-09-16T11:56:58.102Z" title="更新于 2021-09-16 19:56:58">2021-09-16</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox"></i><a class="article-meta__categories" href="/mangoblog/categories/java/">java</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><i class="fas fa-tag"></i><a class="article-meta__tags" href="/mangoblog/tags/javaSE/">javaSE</a></span></div><div class="content">SE基础数据变量类型


成员变量
局部变量
静态变量


定义位置
在类中，方法外
方法中或者方法的形参
在类中，方法外


初始化值
有默认初始化值
无，先定义，赋值后才能使用
有默认初始化值


调用方法
对象调用

对象调用，类名调用


存储位置
堆中
栈中
方法区（JDK8 以后移到堆中）


生命周期
与对象共存亡
与方法共存亡
与类共存亡


别名
实例变量

类变量，静态成员变量


静态变量只有一个，成员变量是类中的变量，局部变量是方法中的变量

数据类型基本类型Java 语言提供了八种基本类型。六种数字类型（四个整数型，两个浮点型），一种字符类型，还有一种布尔型
byte：

byte 数据类型是 8 位、有符号的，以二进制补码表示的整数，8 位一个字节，首位是符号位
最小值是 -128（-2^7）
最大值是 127（2^7-1）
默认值是 0
byte 类型用在大型数组中节约空间，主要代替整数，byte 变量占用的空间只有 int 类型的四分之一
例子：byte a = 100，byte b = -50

short：

short 数据类型是 16 位、有 ...</div></div></div><nav id="pagination"><div class="pagination"><span class="page-number current">1</span></div></nav></div><div class="aside-content" id="aside-content"><div class="card-widget card-info"><div class="is-center"><div class="avatar-img"><img src="/mangoblog/img/xusong.jpg" onerror="this.onerror=null;this.src='/mangoblog/img/friend_404.gif'" alt="avatar"/></div><div class="author-info__name">小芒果</div><div class="author-info__description">小芒果记录的小窝</div></div><div class="card-info-data"><div class="card-info-data-item is-center"><a href="/mangoblog/archives/"><div class="headline">文章</div><div class="length-num">10</div></a></div><div class="card-info-data-item is-center"><a href="/mangoblog/tags/"><div class="headline">标签</div><div class="length-num">13</div></a></div><div class="card-info-data-item is-center"><a href="/mangoblog/categories/"><div class="headline">分类</div><div class="length-num">7</div></a></div></div><a class="button--animated" id="card-info-btn" target="_blank" rel="noopener" href="https://github.com/tinyshellbo"><i class="fab fa-github"></i><span>关注我</span></a><div class="card-info-social-icons is-center"><a class="social-icon" href="https://github.com/tinyshellbo" target="_blank" title="Github"><i class="fab fa-github"></i></a><a class="social-icon" href="mailto:tlittlebo@gmail.com" target="_blank" title="Email"><i class="fas fa-envelope"></i></a></div></div><div class="card-widget card-announcement"><div class="item-headline"><i class="fas fa-bullhorn card-announcement-animation"></i><span>公告</span></div><div class="announcement_content">这是小芒果记录的小地方</div></div><div class="sticky_layout"><div class="card-widget card-recent-post"><div class="item-headline"><i class="fas fa-history"></i><span>最新文章</span></div><div class="aside-list"><div class="aside-list-item"><a class="thumbnail" href="/mangoblog/2021/11/15/show/task/" title="任务平台展示"><img src="/mangoblog/img/boniu.jpg" onerror="this.onerror=null;this.src='/mangoblog/img/404.jpg'" alt="任务平台展示"/></a><div class="content"><a class="title" href="/mangoblog/2021/11/15/show/task/" title="任务平台展示">任务平台展示</a><time datetime="2021-11-15T10:42:17.000Z" title="发表于 2021-11-15 18:42:17">2021-11-15</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/mangoblog/2021/09/26/other/%E5%A4%A7%E5%AD%A6%E4%B9%A0%E8%84%9A%E6%9C%AC/" title="青年大学习自助脚本"><img src="/mangoblog/img/boniu.jpg" onerror="this.onerror=null;this.src='/mangoblog/img/404.jpg'" alt="青年大学习自助脚本"/></a><div class="content"><a class="title" href="/mangoblog/2021/09/26/other/%E5%A4%A7%E5%AD%A6%E4%B9%A0%E8%84%9A%E6%9C%AC/" title="青年大学习自助脚本">青年大学习自助脚本</a><time datetime="2021-09-26T09:09:11.000Z" title="发表于 2021-09-26 17:09:11">2021-09-26</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/mangoblog/2021/09/26/other/%E9%9D%92%E5%B9%B4%E5%A4%A7%E5%AD%A6%E4%B9%A0%E6%8A%93%E5%8C%85/" title="青年大学习自助提交"><img src="/mangoblog/img/boniu.jpg" onerror="this.onerror=null;this.src='/mangoblog/img/404.jpg'" alt="青年大学习自助提交"/></a><div class="content"><a class="title" href="/mangoblog/2021/09/26/other/%E9%9D%92%E5%B9%B4%E5%A4%A7%E5%AD%A6%E4%B9%A0%E6%8A%93%E5%8C%85/" title="青年大学习自助提交">青年大学习自助提交</a><time datetime="2021-09-26T04:47:26.000Z" title="发表于 2021-09-26 12:47:26">2021-09-26</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/mangoblog/2021/09/19/web/webpack/" title="webpack学习记录"><img src="/mangoblog/img/boniu.jpg" onerror="this.onerror=null;this.src='/mangoblog/img/404.jpg'" alt="webpack学习记录"/></a><div class="content"><a class="title" href="/mangoblog/2021/09/19/web/webpack/" title="webpack学习记录">webpack学习记录</a><time datetime="2021-09-19T10:39:25.000Z" title="发表于 2021-09-19 18:39:25">2021-09-19</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/mangoblog/2021/09/16/java/java%E5%9F%BA%E7%A1%80%E7%AC%94%E8%AE%B06-NET/" title="java基础笔记6-NET"><img src="/mangoblog/img/cover_2021091201.jpg" onerror="this.onerror=null;this.src='/mangoblog/img/404.jpg'" alt="java基础笔记6-NET"/></a><div class="content"><a class="title" href="/mangoblog/2021/09/16/java/java%E5%9F%BA%E7%A1%80%E7%AC%94%E8%AE%B06-NET/" title="java基础笔记6-NET">java基础笔记6-NET</a><time datetime="2021-09-16T11:54:06.000Z" title="发表于 2021-09-16 19:54:06">2021-09-16</time></div></div></div></div><div class="card-widget card-categories"><div class="item-headline">
            <i class="fas fa-folder-open"></i>
            <span>分类</span>

            </div>
            <ul class="card-category-list" id="aside-cat-list">
            <li class="card-category-list-item "><a class="card-category-list-link" href="/mangoblog/categories/java/"><span class="card-category-list-name">java</span><span class="card-category-list-count">4</span></a><ul class="card-category-list child"><li class="card-category-list-item "><a class="card-category-list-link" href="/mangoblog/categories/java/%E5%A4%9A%E7%BA%BF%E7%A8%8B/"><span class="card-category-list-name">多线程</span><span class="card-category-list-count">1</span></a></li></ul></li><li class="card-category-list-item "><a class="card-category-list-link" href="/mangoblog/categories/python/"><span class="card-category-list-name">python</span><span class="card-category-list-count">1</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/mangoblog/categories/%E8%AE%A1%E7%BD%91/"><span class="card-category-list-name">计网</span><span class="card-category-list-count">1</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/mangoblog/categories/%E8%BD%AF%E4%BB%B6%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/"><span class="card-category-list-name">软件设计模式</span><span class="card-category-list-count">1</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/mangoblog/categories/%E9%97%B2%E6%9D%82/"><span class="card-category-list-name">闲杂</span><span class="card-category-list-count">1</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/mangoblog/categories/%E9%BB%98%E8%AE%A4/"><span class="card-category-list-name">默认</span><span class="card-category-list-count">2</span></a></li>
            </ul></div><div class="card-widget card-tags"><div class="item-headline"><i class="fas fa-tags"></i><span>标签</span></div><div class="card-tag-cloud"><a href="/mangoblog/tags/fiddler-python%E7%88%AC%E8%99%AB%E6%A1%88%E4%BE%8B/" style="font-size: 1.1em; color: #999">-fiddler -python爬虫案例</a> <a href="/mangoblog/tags/HTTP/" style="font-size: 1.1em; color: #999">HTTP</a> <a href="/mangoblog/tags/TCP/" style="font-size: 1.1em; color: #999">TCP</a> <a href="/mangoblog/tags/UDP/" style="font-size: 1.1em; color: #999">UDP</a> <a href="/mangoblog/tags/java/" style="font-size: 1.1em; color: #999">java</a> <a href="/mangoblog/tags/javaSE/" style="font-size: 1.1em; color: #999">javaSE</a> <a href="/mangoblog/tags/jvm/" style="font-size: 1.1em; color: #999">jvm</a> <a href="/mangoblog/tags/python/" style="font-size: 1.1em; color: #999">python</a> <a href="/mangoblog/tags/%E5%A4%9A%E7%BA%BF%E7%A8%8B/" style="font-size: 1.1em; color: #999">多线程</a> <a href="/mangoblog/tags/%E7%AE%97%E6%B3%95/" style="font-size: 1.1em; color: #999">算法</a> <a href="/mangoblog/tags/%E7%BD%91%E7%BB%9C/" style="font-size: 1.1em; color: #999">网络</a> <a href="/mangoblog/tags/%E8%BD%AF%E4%BB%B6%E8%AE%BE%E8%AE%A1/" style="font-size: 1.1em; color: #999">软件设计</a> <a href="/mangoblog/tags/%E9%BB%98%E8%AE%A4/" style="font-size: 1.5em; color: #99a9bf">默认</a></div></div><div class="card-widget card-archives"><div class="item-headline"><i class="fas fa-archive"></i><span>归档</span></div><ul class="card-archive-list"><li class="card-archive-list-item"><a class="card-archive-list-link" href="/mangoblog/archives/2021/11/"><span class="card-archive-list-date">十一月 2021</span><span class="card-archive-list-count">1</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/mangoblog/archives/2021/09/"><span class="card-archive-list-date">九月 2021</span><span class="card-archive-list-count">9</span></a></li></ul></div><div class="card-widget card-webinfo"><div class="item-headline"><i class="fas fa-chart-line"></i><span>网站资讯</span></div><div class="webinfo"><div class="webinfo-item"><div class="item-name">文章数目 :</div><div class="item-count">10</div></div><div class="webinfo-item"><div class="item-name">本站总字数 :</div><div class="item-count">283.9k</div></div><div class="webinfo-item"><div class="item-name">本站访客数 :</div><div class="item-count" id="busuanzi_value_site_uv"></div></div><div class="webinfo-item"><div class="item-name">本站总访问量 :</div><div class="item-count" id="busuanzi_value_site_pv"></div></div><div class="webinfo-item"><div class="item-name">最后更新时间 :</div><div class="item-count" id="last-push-date" data-lastPushDate="2021-11-15T11:07:14.046Z"></div></div></div></div></div></div></main><footer id="footer" style="background-image: url('/mangoblog/img/mountain2021091301.jpg')"><div id="footer-wrap"><div class="framework-info"><span>框架 </span><a target="_blank" rel="noopener" href="https://hexo.io">Hexo</a><span class="footer-separator">|</span><span>主题 </span><a target="_blank" rel="noopener" href="https://github.com/jerryc127/hexo-theme-butterfly">Butterfly</a></div></div></footer></div><div id="rightside"><div id="rightside-config-hide"><button id="darkmode" type="button" title="浅色和深色模式转换"><i class="fas fa-adjust"></i></button><button id="hide-aside-btn" type="button" title="单栏和双栏切换"><i class="fas fa-arrows-alt-h"></i></button></div><div id="rightside-config-show"><button id="rightside_config" type="button" title="设置"><i class="fas fa-cog fa-spin"></i></button><button id="go-up" type="button" title="回到顶部"><i class="fas fa-arrow-up"></i></button></div></div><div id="local-search"><div class="search-dialog"><div class="search-dialog__title" id="local-search-title">本地搜索</div><div id="local-input-panel"><div id="local-search-input"><div class="local-search-box"><input class="local-search-box--input" placeholder="搜索文章" type="text"/></div></div></div><hr/><div id="local-search-results"></div><span class="search-close-button"><i class="fas fa-times"></i></span></div><div id="search-mask"></div></div><div><script src="/mangoblog/js/utils.js"></script><script src="/mangoblog/js/main.js"></script><script src="https://cdn.jsdelivr.net/npm/instant.page/instantpage.min.js" type="module"></script><script src="https://cdn.jsdelivr.net/npm/node-snackbar/dist/snackbar.min.js"></script><script src="/mangoblog/js/search/local-search.js"></script><div class="js-pjax"><script>function subtitleType () {
  if (true) {
    var typed = new Typed("#subtitle", {
      strings: "今日事&#44;今日毕,爱我所爱".split(","),
      startDelay: 300,
      typeSpeed: 150,
      loop: false,
      backSpeed: 50
    })
  } else {
    document.getElementById("subtitle").innerHTML = '今日事&#44;今日毕'
  }
}

if (true) {
  if (typeof Typed === 'function') {
    subtitleType()
  } else {
    getScript('https://cdn.jsdelivr.net/npm/typed.js/lib/typed.min.js').then(subtitleType)
  }
} else {
  subtitleType()
}</script><script>if (document.getElementsByClassName('mermaid').length) {
  if (window.mermaidJsLoad) mermaid.init()
  else {
    getScript('https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js').then(() => {
      window.mermaidJsLoad = true
      mermaid.initialize({
        theme: 'default',
      })
      false && mermaid.init()
    })
  }
}</script></div><script id="canvas_nest" defer="defer" color="0,0,255" opacity="0.7" zIndex="-1" count="99" mobile="false" src="https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/canvas-nest.min.js"></script><script id="click-heart" src="https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/click-heart.min.js" async="async" mobile="false"></script><script id="click-show-text" src="https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/click-show-text.min.js" data-mobile="false" data-text="我,爱,你" data-fontsize="15px" data-random="false" async="async"></script><script async data-pjax src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script></div></body></html>