-
Notifications
You must be signed in to change notification settings - Fork 0
xiaoxiaoqing-win/xiaoxiaoqing-win.github.io
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="keywords" content="Blog">
<meta name="description" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="renderer" content="webkit|ie-stand|ie-comp">
<meta name="mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<!-- Global site tag (gtag.js) - Google Analytics -->
<title>Blog</title>
<link rel="icon" type="image/png" href="/favicon.png">
<link rel="stylesheet" type="text/css" href="/libs/awesome/css/all.css">
<link rel="stylesheet" type="text/css" href="/libs/materialize/materialize.min.css">
<link rel="stylesheet" type="text/css" href="/libs/aos/aos.css">
<link rel="stylesheet" type="text/css" href="/libs/animate/animate.min.css">
<link rel="stylesheet" type="text/css" href="/libs/lightGallery/css/lightgallery.min.css">
<link rel="stylesheet" type="text/css" href="/css/matery.css">
<link rel="stylesheet" type="text/css" href="/css/my.css">
<script src="/libs/jquery/jquery.min.js"></script>
<meta name="generator" content="Hexo 4.2.0"></head>
<body>
<header class="navbar-fixed">
<nav id="headNav" class="bg-color nav-transparent">
<div id="navContainer" class="nav-wrapper container">
<div class="brand-logo">
<a href="/" class="waves-effect waves-light">
<img src="/medias/qing.png" class="logo-img" alt="LOGO">
<span class="logo-span">Blog</span>
</a>
</div>
<a href="#" data-target="mobile-nav" class="sidenav-trigger button-collapse"><i class="fas fa-bars"></i></a>
<ul class="right nav-menu">
<li class="hide-on-med-and-down nav-item">
<a href="/" class="waves-effect waves-light">
<i class="fas fa-home" style="zoom: 0.6;"></i>
<span>Home</span>
</a>
</li>
<li class="hide-on-med-and-down nav-item">
<a href="/tags" class="waves-effect waves-light">
<i class="fas fa-tags" style="zoom: 0.6;"></i>
<span>Tags</span>
</a>
</li>
<li class="hide-on-med-and-down nav-item">
<a href="/categories" class="waves-effect waves-light">
<i class="fas fa-bookmark" style="zoom: 0.6;"></i>
<span>Categories</span>
</a>
</li>
<li class="hide-on-med-and-down nav-item">
<a href="/archives" class="waves-effect waves-light">
<i class="fas fa-archive" style="zoom: 0.6;"></i>
<span>Archives</span>
</a>
</li>
<li class="hide-on-med-and-down nav-item">
<a href="/about" class="waves-effect waves-light">
<i class="fas fa-user-circle" style="zoom: 0.6;"></i>
<span>About</span>
</a>
</li>
<!-- <li>-->
<!-- <a href="#searchModal" class="modal-trigger waves-effect waves-light">-->
<!-- <i id="searchIcon" class="fas fa-search" title="搜索" style="zoom: 0.85;"></i>-->
<!-- </a>-->
<!-- </li>-->
</ul>
<div id="mobile-nav" class="side-nav sidenav">
<div class="mobile-head bg-color">
<img src="/medias/qing.png" class="logo-img circle responsive-img">
<div class="logo-name">Blog</div>
<div class="logo-desc">
Never really desperate, only the lost of the soul.
</div>
</div>
<ul class="menu-list mobile-menu-list">
<li class="m-nav-item">
<a href="/" class="waves-effect waves-light">
<i class="fa-fw fas fa-home"></i>
Home
</a>
</li>
<li class="m-nav-item">
<a href="/tags" class="waves-effect waves-light">
<i class="fa-fw fas fa-tags"></i>
标签
</a>
</li>
<li class="m-nav-item">
<a href="/categories" class="waves-effect waves-light">
<i class="fa-fw fas fa-bookmark"></i>
分类
</a>
</li>
<li class="m-nav-item">
<a href="/archives" class="waves-effect waves-light">
<i class="fa-fw fas fa-archive"></i>
归档
</a>
</li>
<li class="m-nav-item">
<a href="/about" class="waves-effect waves-light">
<i class="fa-fw fas fa-user-circle"></i>
关于
</a>
</li>
<li><div class="divider"></div></li>
<li>
<a href="https://github.com/Alberqing" class="waves-effect waves-light" target="_blank">
<i class="fab fa-github-square fa-fw"></i>Fork Me
</a>
</li>
</ul>
</div>
</div>
<style>
.nav-transparent .github-corner {
display: none !important;
}
.github-corner {
position: absolute;
z-index: 10;
top: 0;
right: 0;
border: 0;
transform: scale(1.1);
}
.github-corner svg {
color: #0f9d58;
fill: #fff;
height: 64px;
width: 64px;
}
.github-corner:hover .octo-arm {
animation: a 0.56s ease-in-out;
}
.github-corner .octo-arm {
animation: none;
}
@keyframes a {
0%,
to {
transform: rotate(0);
}
20%,
60% {
transform: rotate(-25deg);
}
40%,
80% {
transform: rotate(10deg);
}
}
</style>
<a href="https://github.com/Alberqing" class="github-corner tooltipped hide-on-med-and-down" target="_blank"
data-tooltip="Fork Me" data-position="left" data-delay="50">
<svg viewBox="0 0 250 250" aria-hidden="true">
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
<path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
<path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
fill="currentColor" class="octo-body"></path>
</svg>
</a>
</nav>
</header>
<div class="bg-cover pd-header post-cover" style="background-image: url('/medias/featureimages/0.jpg')">
<div class="container" style="right: 0px;left: 0px;">
<div class="row">
<div class="col s12 m12 l12">
<div class="brand">
<h1 class="description center-align post-title"></h1>
</div>
</div>
</div>
</div>
</div>
<main class="container content">
<!-- 文章内容详情 -->
<div id="artDetail">
<div class="card">
<div class="card-content article-info">
<div class="row tag-cate">
<div class="col s7">
<div class="article-tag">
<span class="chip bg-color">无标签</span>
</div>
</div>
<div class="col s5 right-align">
</div>
</div>
<div class="post-info">
<div class="post-date info-break-policy">
<i class="far fa-calendar-minus fa-fw"></i>发布日期:
2020-07-20
</div>
<div class="post-date info-break-policy">
<i class="far fa-calendar-check fa-fw"></i>更新日期:
2020-07-20
</div>
<div class="info-break-policy">
<i class="far fa-file-word fa-fw"></i>文章字数:
631
</div>
<div class="info-break-policy">
<i class="far fa-clock fa-fw"></i>阅读时长:
2 分
</div>
<div id="busuanzi_container_page_pv" class="info-break-policy">
<i class="far fa-eye fa-fw"></i>阅读次数:
<span id="busuanzi_value_page_pv"></span>
</div>
</div>
</div>
<hr class="clearfix">
<div class="card-content article-card-content">
<div id="articleContent">
<h2><span id="alberqing_的个人博客">Alberqing_的个人博客</span></h2><blockquote>
<p>博客不定时更新，一般博客首发于掘金～欢迎各位大佬参观我的个人网站<br> <a href="https://www.zhengyq.club" target="_blank" rel="noopener">个人网站</a></p>
</blockquote>
<h3><span id="个人公众号">个人公众号</span></h3><p>本人为微信公众号【web前端日记】的作者，欢迎大家多多关注~</p>
<p>我们共同学习，共同进步！关注后有资料可以领取哦~</p>
<p><img src="https://user-gold-cdn.xitu.io/2019/9/19/16d49ba9c0681911?imageslim" alt></p>
<h3><span id="web前端日记交流群">【web前端日记交流群】</span></h3><p>自建前端交流群，欢迎大家加入~</p>
<p><img src="https://user-gold-cdn.xitu.io/2019/10/12/16dbdc7285f92692?w=430&h=430&f=jpeg&s=40900" alt></p>
<p>扫一扫上方二维码，备注「进群」，我拉你进群</p>
<h3><span id="年终总结">年终总结</span></h3><p>1、2019年：<a href="https://juejin.im/post/5e2be0a3f265da3e4e060181" target="_blank" rel="noopener">【年终总结】我的22岁和对23岁的展望</a></p>
<h3><span id="掘金社区"></span></h3><p>1、<a href="https://juejin.im/post/5d3ac541f265da1bcf5e2314" target="_blank" rel="noopener">封装ajax请求的两种方式</a></p>
<p>2、<a href="https://juejin.im/post/5d3ecad2f265da03cb121252" target="_blank" rel="noopener">jQuery源码解析（一）：读懂源码结构、改变固有思维方式</a></p>
<p>3、<a href="https://juejin.im/post/5d668244e51d45621655353d" target="_blank" rel="noopener">React源码解析（一）：这些React的API你都知道吗</a></p>
<p>4、<a href="https://juejin.im/post/5d838ec3e51d453b7403fa50" target="_blank" rel="noopener">React源码解析（二）：关于React.Children，你了解多少？</a></p>
<p>5、<a href="https://juejin.im/post/5d9486af5188255bc7643457" target="_blank" rel="noopener">【JavaScript系列】带你手写实现new运算符</a></p>
<p>6、<a href="https://juejin.im/post/5d9c4cc1f265da5ba95c2c23" target="_blank" rel="noopener">从零搭建一个属于自己的react框架</a></p>
<p>7、<a href="https://juejin.im/post/5da2dc876fb9a04e065d7201" target="_blank" rel="noopener">【webpack优化篇】如何让你的项目打包更快呢？</a></p>
<p>8、<a href="https://juejin.im/post/5dd653f55188254e2a743279" target="_blank" rel="noopener">【读书笔记】JavaScript面向对象精要（上）</a></p>
<p>9、<a href="https://juejin.im/post/5df19fc4e51d45581c1a8d38" target="_blank" rel="noopener">【读书笔记】JavaScript面向对象精要（下）</a></p>
<p>10、<a href="https://juejin.im/post/5dfb4a4751882512533a8e32" target="_blank" rel="noopener">【面试篇】几道面试题带你深入理解JavaScript面向对象</a></p>
<p>11、<a href="https://juejin.im/post/5e0b25ff6fb9a0483e475469" target="_blank" rel="noopener">【redux】从入门到手写实现redux</a></p>
<p>12、<a href="https://juejin.im/post/5e3a27b5e51d45270c276e04" target="_blank" rel="noopener">【殷实基础系列】请查收，所有的数组方法都在这里了…</a></p>
<p>13、<a href="https://juejin.im/post/5e3cf93d6fb9a07ce01a1971" target="_blank" rel="noopener">【殷实基础系列】请查收，所有的对象方法都在这里了….</a></p>
<p>14、<a href="https://juejin.im/post/5e3e5cd26fb9a07c81760570" target="_blank" rel="noopener">【浏览器】(内附面试题)浏览器中堆栈内存的底层处理机制</a></p>
<p>15、<a href="https://juejin.im/post/5e42b9476fb9a07caa26fc78" target="_blank" rel="noopener">【组件】用原生JS封装一个Table组件</a></p>
<p>16、<a href="https://juejin.im/post/5e494adee51d4526fc74923b" target="_blank" rel="noopener">【JavaScript】（附面试题）深入理解作用域、作用域链和闭包</a></p>
<p>17、<a href="https://juejin.im/post/5e50bb0bf265da575918d5f7" target="_blank" rel="noopener">【Promise】Promises/A+中文翻译</a></p>
<p>18、<a href="https://juejin.im/post/5e547fb86fb9a07cde64d49c" target="_blank" rel="noopener">【JavaScript】几个必须要会的高级编程技巧</a></p>
<p>19、<a href="https://juejin.im/post/5e65a3d1518825495c659cb9" target="_blank" rel="noopener">【JavaScript】（附面试题）一文搞懂面向对象编程</a></p>
<p>20、<a href="https://juejin.im/post/5e707d61518825492442e837" target="_blank" rel="noopener">【JavaScript】还记得如何手写实现call、apply、bind吗</a></p>
<p>21、<a href="https://juejin.im/post/5e8883a56fb9a03c3912e7fc" target="_blank" rel="noopener">【浏览器】HTML、CSS和JS如何变成页面的？</a></p>
<p>22、<a href="https://juejin.im/post/5ea39ea251882573b86fadbe" target="_blank" rel="noopener">【JavaScript】必须要会的手写Promise</a></p>
<p>23、等待更新…</p>
<h3><span id="csdn博客"></span></h3><p>CSDN博客是我学习前端初期创建，里面上传了30多篇学习过程中遇到的小问题的总结，点击上方链接即可浏览</p>
<h3><span id="最后">最后</span></h3><p>欢迎大家指出博客内存在的问题，让我们在学习前端的路上越走越远，越来越🐂~</p>
<script>
document.querySelectorAll('.github-emoji')
.forEach(el => {
if (!el.dataset.src) { return; }
const img = document.createElement('img');
img.style = 'display:none !important;';
img.src = el.dataset.src;
img.addEventListener('error', () => {
img.remove();
el.style.color = 'inherit';
el.style.backgroundImage = 'none';
el.style.background = 'none';
});
img.addEventListener('load', () => {
img.remove();
});
document.body.appendChild(img);
});
</script>
</div>
<hr/>
<div class="tag_share" style="display: block;">
<div class="post-meta__tag-list" style="display: inline-block;">
<div class="article-tag">
<span class="chip bg-color">无标签</span>
</div>
</div>
<div class="post_share" style="zoom: 80%; width: fit-content; display: inline-block; float: right; margin: -0.15rem 0;">
<link rel="stylesheet" type="text/css" href="/libs/share/css/share.min.css">
<div id="article-share">
<div class="social-share" data-sites="wechat" data-wechat-qrcode-helper="<p>微信扫一扫即可分享！</p>"></div>
<script src="/libs/share/js/social-share.min.js"></script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid="></script>
<div class="addthis_inline_share_toolbox"></div>
</div>
</div>
</div>
</div>
</div>
<style>
.valine-card {
margin: 1.5rem auto;
}
.valine-card .card-content {
padding: 20px 20px 5px 20px;
}
#vcomments textarea {
box-sizing: border-box;
background: url("/") 100% 100% no-repeat;
}
#vcomments p {
margin: 2px 2px 10px;
font-size: 1.05rem;
line-height: 1.78rem;
}
#vcomments blockquote p {
text-indent: 0.2rem;
}
#vcomments a {
padding: 0 2px;
color: #4cbf30;
font-weight: 500;
text-decoration: none;
}
#vcomments img {
max-width: 100%;
height: auto;
cursor: pointer;
}
#vcomments ol li {
list-style-type: decimal;
}
#vcomments ol,
ul {
display: block;
padding-left: 2em;
word-spacing: 0.05rem;
}
#vcomments ul li,
ol li {
display: list-item;
line-height: 1.8rem;
font-size: 1rem;
}
#vcomments ul li {
list-style-type: disc;
}
#vcomments ul ul li {
list-style-type: circle;
}
#vcomments table, th, td {
padding: 12px 13px;
border: 1px solid #dfe2e5;
}
#vcomments table, th, td {
border: 0;
}
table tr:nth-child(2n), thead {
background-color: #fafafa;
}
#vcomments table th {
background-color: #f2f2f2;
min-width: 80px;
}
#vcomments table td {
min-width: 80px;
}
#vcomments h1 {
font-size: 1.85rem;
font-weight: bold;
line-height: 2.2rem;
}
#vcomments h2 {
font-size: 1.65rem;
font-weight: bold;
line-height: 1.9rem;
}
#vcomments h3 {
font-size: 1.45rem;
font-weight: bold;
line-height: 1.7rem;
}
#vcomments h4 {
font-size: 1.25rem;
font-weight: bold;
line-height: 1.5rem;
}
#vcomments h5 {
font-size: 1.1rem;
font-weight: bold;
line-height: 1.4rem;
}
#vcomments h6 {
font-size: 1rem;
line-height: 1.3rem;
}
#vcomments p {
font-size: 1rem;
line-height: 1.5rem;
}
#vcomments hr {
margin: 12px 0;
border: 0;
border-top: 1px solid #ccc;
}
#vcomments blockquote {
margin: 15px 0;
border-left: 5px solid #42b983;
padding: 1rem 0.8rem 0.3rem 0.8rem;
color: #666;
background-color: rgba(66, 185, 131, .1);
}
#vcomments pre {
font-family: monospace, monospace;
padding: 1.2em;
margin: .5em 0;
background: #272822;
overflow: auto;
border-radius: 0.3em;
tab-size: 4;
}
#vcomments code {
font-family: monospace, monospace;
padding: 1px 3px;
font-size: 0.92rem;
color: #e96900;
background-color: #f8f8f8;
border-radius: 2px;
}
#vcomments pre code {
font-family: monospace, monospace;
padding: 0;
color: #e8eaf6;
background-color: #272822;
}
#vcomments pre[class*="language-"] {
padding: 1.2em;
margin: .5em 0;
}
#vcomments code[class*="language-"],
pre[class*="language-"] {
color: #e8eaf6;
}
#vcomments [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
position: inherit;
margin-left: -1.3rem;
margin-right: 0.4rem;
margin-top: -1px;
vertical-align: middle;
left: unset;
visibility: visible;
}
#vcomments b,
strong {
font-weight: bold;
}
#vcomments dfn {
font-style: italic;
}
#vcomments small {
font-size: 85%;
}
#vcomments cite {
font-style: normal;
}
#vcomments mark {
background-color: #fcf8e3;
padding: .2em;
}
#vcomments table, th, td {
padding: 12px 13px;
border: 1px solid #dfe2e5;
}
table tr:nth-child(2n), thead {
background-color: #fafafa;
}
#vcomments table th {
background-color: #f2f2f2;
min-width: 80px;
}
#vcomments table td {
min-width: 80px;
}
#vcomments [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
position: inherit;
margin-left: -1.3rem;
margin-right: 0.4rem;
margin-top: -1px;
vertical-align: middle;
left: unset;
visibility: visible;
}
</style>
<div class="card valine-card" data-aos="fade-up">
<div class="comment_headling" style="font-size: 20px; font-weight: 700; position: relative; padding-left: 20px; top: 15px; padding-bottom: 5px;">
<i class="fas fa-comments fa-fw" aria-hidden="true"></i>
<span>评论</span>
</div>
<div id="vcomments" class="card-content" style="display: grid">
</div>
</div>
<script src="/libs/valine/av-min.js"></script>
<script src="/libs/valine/Valine.min.js"></script>
<script>
new Valine({
el: '#vcomments',
appId: 'QoFPMV3jBi1MuFokEGob40zH-gzGzoHsz',
appKey: 'xNLiWwT81jsBOYhcXLscBAlF',
notify: '' === 'true',
verify: '' === 'true',
visitor: '' === 'true',
avatar: '',
pageSize: '10',
lang: 'zh-cn',
placeholder: '留下你的评论吧～'
});
</script>
<article id="prenext-posts" class="prev-next articles">
<div class="row article-row">
<div class="article col s12 m6" data-aos="fade-up" data-aos="fade-up">
<div class="article-badge left-badge text-color">
<i class="far fa-dot-circle"></i> 本篇
</div>
<div class="card">
<a href="/README.html">
<div class="card-image">
<img src="/medias/featureimages/0.jpg" class="responsive-img" alt="">
<span class="card-title"></span>
</div>
</a>
<div class="card-content article-content">
<div class="summary block-with-text">
Alberqing_的个人博客
博客不定时更新，一般博客首发于掘金～欢迎各位大佬参观我的个人网站 个人网站
个人公众号本人为微信公众号【web前端日记】的作者，欢迎大家多多关注~
我们共同学习，共同进步！关注后有资料可以领取哦~
【we
</div>
<div class="publish-info">
<span class="publish-date">
<i class="far fa-clock fa-fw icon-date"></i>2020-07-20
</span>
<span class="publish-author">
<i class="fas fa-user fa-fw"></i>
小小晴
</span>
</div>
</div>
</div>
</div>
<div class="article col s12 m6" data-aos="fade-up">
<div class="article-badge right-badge text-color">
本篇 <i class="far fa-dot-circle"></i>
</div>
<div class="card">
<a href="/README.html">
<div class="card-image">
<img src="/medias/featureimages/0.jpg" class="responsive-img" alt="">
<span class="card-title"></span>
</div>
</a>
<div class="card-content article-content">
<div class="summary block-with-text">
Alberqing_的个人博客
博客不定时更新，一般博客首发于掘金～欢迎各位大佬参观我的个人网站 个人网站
个人公众号本人为微信公众号【web前端日记】的作者，欢迎大家多多关注~
我们共同学习，共同进步！关注后有资料可以领取哦~
【we
</div>
<div class="publish-info">
<span class="publish-date">
<i class="far fa-clock fa-fw icon-date"></i>2020-07-20
</span>
<span class="publish-author">
<i class="fas fa-user fa-fw"></i>
小小晴
</span>
</div>
</div>
</div>
</div>
</div>
</article>
</div>
<script>
$('#articleContent').on('copy', function (e) {
// IE8 or earlier browser is 'undefined'
if (typeof window.getSelection === 'undefined') return;
var selection = window.getSelection();
// if the selection is short let's not annoy our users.
if (('' + selection).length < Number.parseInt('120')) {
return;
}
// create a div outside of the visible area and fill it with the selected text.
var bodyElement = document.getElementsByTagName('body')[0];
var newdiv = document.createElement('div');
newdiv.style.position = 'absolute';
newdiv.style.left = '-99999px';
bodyElement.appendChild(newdiv);
newdiv.appendChild(selection.getRangeAt(0).cloneContents());
// we need a <pre> tag workaround.
// otherwise the text inside "pre" loses all the line breaks!
if (selection.getRangeAt(0).commonAncestorContainer.nodeName === 'PRE') {
newdiv.innerHTML = "<pre>" + newdiv.innerHTML + "</pre>";
}
var url = document.location.href;
newdiv.innerHTML += '<br />'
+ '来源: Blog<br />'
+ '文章作者: 小小晴<br />'
+ '文章链接: <a href="' + url + '">' + url + '</a><br />'
+ '本文章著作权归作者所有，任何形式的转载都请注明出处。';
selection.selectAllChildren(newdiv);
window.setTimeout(function () {bodyElement.removeChild(newdiv);}, 200);
});
</script>
<!-- 代码块功能依赖 -->
<script type="text/javascript" src="/libs/codeBlock/codeBlockFuction.js"></script>
<!-- 代码语言 -->
<script type="text/javascript" src="/libs/codeBlock/codeLang.js"></script>
<!-- 代码块复制 -->
<script type="text/javascript" src="/libs/codeBlock/codeCopy.js"></script>
<!-- 代码块收缩 -->
<script type="text/javascript" src="/libs/codeBlock/codeShrink.js"></script>
<!-- 代码块折行 -->
<style type="text/css">
code[class*="language-"], pre[class*="language-"] { white-space: pre !important; }
</style>
</main>
<footer class="page-footer bg-color">
<div class="container row center-align" style="margin-bottom: 0px !important;">
<div class="col s12 m12 l12 copy-right">
Copyright ©
<span id="year">2020</span>
<!-- -->
<!-- -->
<!-- -->
<!-- -->
<!-- -->
<!-- -->
<!-- <span id="busuanzi_container_site_pv">-->
<!-- | <i class="far fa-eye"></i> 总访问量: <span id="busuanzi_value_site_pv"-->
<!-- class="white-color"></span> 次-->
<!-- </span>-->
<!-- -->
<!-- -->
<!-- <span id="busuanzi_container_site_uv">-->
<!-- | <i class="fas fa-users"></i> 总访问人数: <span id="busuanzi_value_site_uv"-->
<!-- class="white-color"></span> 人-->
<!-- </span>-->
<!-- -->
<br>
<br>
<span id="icp"><img src="/medias/icp.png" style="vertical-align: text-bottom;" />
<a href="http://www.beian.miit.gov.cn" target="_blank">京ICP备20009587号-1</a>
</span>
</div>
<!-- <div class="col s12 m4 l4 social-link social-statis">
<a href="https://github.com/Alberqing" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
<i class="fab fa-github"></i>
</a>
<a href="mailto:[email protected]" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
<i class="fas fa-envelope-open"></i>
</a>
<a href="https://www.zhihu.com/people/alberqing" class="tooltipped" target="_blank" data-tooltip="关注我的知乎: https://www.zhihu.com/people/alberqing" data-position="top" data-delay="50">
<i class="fab fa-zhihu1">知</i>
</a>
</div>-->
</div>
</footer>
<div class="progress-bar"></div>
<!-- 搜索遮罩框 -->
<div id="searchModal" class="modal">
<div class="modal-content">
<div class="search-header">
<span class="title"><i class="fas fa-search"></i> 搜索</span>
<input type="search" id="searchInput" name="s" placeholder="请输入搜索的关键字"
class="search-input">
</div>
<div id="searchResult"></div>
</div>
</div>
<script src="/js/search.js"></script>
<script type="text/javascript">
$(function () {
searchFunc("/search.xml", 'searchInput', 'searchResult');
});
</script>
<!-- 回到顶部按钮 -->
<div id="backTop" class="top-scroll">
<a class="btn-floating btn-large waves-effect waves-light" href="#!">
<i class="fas fa-arrow-up"></i>
</a>
</div>
<script src="/libs/materialize/materialize.min.js"></script>
<script src="/libs/masonry/masonry.pkgd.min.js"></script>
<script src="/libs/aos/aos.js"></script>
<script src="/libs/scrollprogress/scrollProgress.min.js"></script>
<script src="/libs/lightGallery/js/lightgallery-all.min.js"></script>
<script src="/js/matery.js"></script>
<!-- Baidu Analytics -->
<!-- Baidu Push -->
<script>
(function () {
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
} else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
<script async src="/libs/others/busuanzi.pure.mini.js"></script>
<script src="/libs/instantpage/instantpage.js" type="module"></script>
</body>
</html>
About
👏👏👏🌹🌹🌹welcome to visit
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published