-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
156 lines (140 loc) · 34 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html><html lang="en" 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>Antony's book - dardly</title><meta name="description" content="路漫漫其修远兮"><meta name="author" content="Antony"><meta name="copyright" content="Antony"><meta name="format-detection" content="telephone=no"><link rel="shortcut icon" href="/img/favicon.png"><meta http-equiv="Cache-Control" content="no-transform"><meta http-equiv="Cache-Control" content="no-siteapp"><link rel="preconnect" href="//cdn.jsdelivr.net"/><link rel="dns-prefetch" href="//cdn.jsdelivr.net"/><link rel="preconnect" href="https://fonts.googleapis.com" crossorigin="crossorigin"/><link rel="dns-prefetch" href="https://fonts.googleapis.com"/><link rel="preconnect" href="//busuanzi.ibruce.info"/><link rel="dns-prefetch" href="//busuanzi.ibruce.info"/><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Antony's book"><meta name="twitter:description" content="路漫漫其修远兮"><meta name="twitter:image" content="https://www.eastzhang.site/img/avatar.jpeg"><meta property="og:type" content="website"><meta property="og:title" content="Antony's book"><meta property="og:url" content="https://www.eastzhang.site/"><meta property="og:site_name" content="Antony's book"><meta property="og:description" content="路漫漫其修远兮"><meta property="og:image" content="https://www.eastzhang.site/img/avatar.jpeg"><meta property="article:published_time" content="2021-01-01T06:06:28.964Z"><meta property="article:modified_time" content="2021-01-01T06:06:28.964Z"><script src="https://cdn.jsdelivr.net/npm/js-cookie/dist/js.cookie.min.js"></script><script>var autoChangeMode = '1'
var t = Cookies.get("theme")
if (autoChangeMode == '1'){
var isDarkMode = window.matchMedia("(prefers-color-scheme: dark)").matches
var isLightMode = window.matchMedia("(prefers-color-scheme: light)").matches
var isNotSpecified = window.matchMedia("(prefers-color-scheme: no-preference)").matches
var hasNoSupport = !isDarkMode && !isLightMode && !isNotSpecified
if (t === undefined){
if (isLightMode) activateLightMode()
else if (isDarkMode) activateDarkMode()
else if (isNotSpecified || hasNoSupport){
console.log('You specified no preference for a color scheme or your browser does not support it. I Schedule dark mode during night time.')
var now = new Date()
var hour = now.getHours()
var isNight = hour < 6 || hour >= 18
isNight ? activateDarkMode() : activateLightMode()
}
} else if (t == 'light') activateLightMode()
else activateDarkMode()
} else if (autoChangeMode == '2'){
now = new Date();
hour = now.getHours();
isNight = hour < 6 || hour >= 18
if(t === undefined) isNight? activateDarkMode() : activateLightMode()
else if (t === 'light') activateLightMode()
else activateDarkMode()
} else {
if ( t == 'dark' ) activateDarkMode()
else if ( t == 'light') activateLightMode()
}
function activateDarkMode(){
document.documentElement.setAttribute('data-theme', 'dark')
if (document.querySelector('meta[name="theme-color"]') !== null){
document.querySelector('meta[name="theme-color"]').setAttribute('content','#000')
}
}
function activateLightMode(){
document.documentElement.setAttribute('data-theme', 'light')
if (document.querySelector('meta[name="theme-color"]') !== null){
document.querySelector('meta[name="theme-color"]').setAttribute('content','#fff')
}
}</script><link rel="stylesheet" href="/css/index.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@latest/css/font-awesome.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.css"><link rel="canonical" href="https://www.eastzhang.site/"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium+Web"><script>var GLOBAL_CONFIG = {
root: '/',
algolia: undefined,
localSearch: undefined,
translate: {"defaultEncoding":2,"translateDelay":0,"cookieDomain":"https://xxx/","msgToTraditionalChinese":"繁","msgToSimplifiedChinese":"簡"},
copy: {
success: 'Copy successfully',
error: 'Copy error',
noSupport: 'The browser does not support'
},
bookmark: {
message_prev: 'Press',
message_next: 'to bookmark this page'
},
runtime_unit: 'days',
runtime: true,
copyright: undefined,
ClickShowText: undefined,
medium_zoom: false,
fancybox: true,
Snackbar: undefined,
baiduPush: false,
highlightCopy: true,
highlightLang: true,
highlightShrink: 'false',
isFontAwesomeV5: false,
isPhotoFigcaption: false,
islazyload: false,
isanchor: false
}</script><script>var GLOBAL_CONFIG_SITE = {
isPost: false,
isHome: true,
isSidebar: false
}</script><noscript><style>
#page-header {
opacity: 1
}
.justified-gallery img{
opacity: 1
}
</style></noscript></head><body><div id="loading-box"><div class="loading-left-bg"></div><div class="loading-right-bg"></div><div class="spinner-box"><div class="configure-border-1"><div class="configure-core"></div></div><div class="configure-border-2"><div class="configure-core"></div></div><div class="loading-word">Loading...</div></div></div><div id="mobile-sidebar"><div id="menu_mask"></div><div id="mobile-sidebar-menus"><div class="mobile_author_icon"><img class="avatar-img" src="/img/avatar.jpeg" onerror="onerror=null;src='/img/friend_404.gif'" alt="avatar"/></div><div class="mobile_post_data"><div class="mobile_data_item is-center"><div class="mobile_data_link"><a href="/archives/"><div class="headline">Articles</div><div class="length_num">38</div></a></div></div><div class="mobile_data_item is-center"> <div class="mobile_data_link"><a href="/tags/"><div class="headline">Tags</div><div class="length_num">14</div></a></div></div><div class="mobile_data_item is-center"> <div class="mobile_data_link"><a href="/categories/"><div class="headline">Categories</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="/"><i class="fa-fw fa fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/archives/"><i class="fa-fw fa fa-archive"></i><span> 时间轴</span></a></div><div class="menus_item"><a class="site-page" href="/tags/"><i class="fa-fw fa fa-tags"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="/categories/"><i class="fa-fw fa fa-folder-open"></i><span> 分类</span></a></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw fa fa-link"></i><span> 友链</span></a></div><div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw fa fa-heart"></i><span> 关于</span></a></div><div class="menus_item"><a class="site-page"><i class="fa-fw fa fa-list" aria-hidden="true"></i><span> 娱乐</span><i class="fa fa-chevron-down menus-expand" aria-hidden="true"></i></a><ul class="menus_item_child"><li><a class="site-page" href="/music/"><i class="fa-fw fa fa-music"></i><span> 音乐</span></a></li><li><a class="site-page" href="/movies/"><i class="fa-fw fa fa-film"></i><span> 电影</span></a></li></ul></div></div></div></div><div id="body-wrap"><div class="full_page" id="nav" style="background-image: url(http://t8.baidu.com/it/u=2857883419,1187496708&fm=79&app=86&f=JPEG?w=1280&h=763)"><div id="page-header"><span class="pull_left" id="blog_name"><a class="blog_title" id="site-name" href="/">Antony's book</a></span><span class="pull_right menus"><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw fa fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/archives/"><i class="fa-fw fa fa-archive"></i><span> 时间轴</span></a></div><div class="menus_item"><a class="site-page" href="/tags/"><i class="fa-fw fa fa-tags"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="/categories/"><i class="fa-fw fa fa-folder-open"></i><span> 分类</span></a></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw fa fa-link"></i><span> 友链</span></a></div><div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw fa fa-heart"></i><span> 关于</span></a></div><div class="menus_item"><a class="site-page"><i class="fa-fw fa fa-list" aria-hidden="true"></i><span> 娱乐</span><i class="fa fa-chevron-down menus-expand" aria-hidden="true"></i></a><ul class="menus_item_child"><li><a class="site-page" href="/music/"><i class="fa-fw fa fa-music"></i><span> 音乐</span></a></li><li><a class="site-page" href="/movies/"><i class="fa-fw fa fa-film"></i><span> 电影</span></a></li></ul></div></div><span class="toggle-menu close"><a class="site-page"><i class="fa fa-bars fa-fw" aria-hidden="true"></i></a></span></span></div><div id="site-info"><h1 id="site_title">Antony's book</h1><div id="site_subtitle"><span id="subtitle"></span></div><div id="site_social_icons"><a class="social-icon" href="https://github.com/myZhangDong" target="_blank" title="Github"><i class="fa fa-github" aria-hidden="true"></i></a><a class="social-icon" href="[email protected]" target="_blank" title="Email"><i class="fa fa-envelope" aria-hidden="true"></i></a></div></div><div id="scroll_down"><i class="fa fa-angle-down scroll-down-effects"></i></div></div><main class="layout_page" id="content-inner"><div class="recent-posts" id="recent-posts"><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2021/01/01/2020/" title="回首2020"> <img class="post_bg" src="/myZhangDong.gitgub.io/img/essay/huishou.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="回首2020"></a></div><div class="recent-post-info"><a class="article-title" href="/2021/01/01/2020/" title="回首2020">回首2020</a><div class="article-meta-wrap"><time class="post-meta__date" title="Created 2021-01-01 12:06:42"><i class="fa fa-calendar" aria-hidden="true"></i>2021-01-01</time><span class="article-meta"><span class="article-meta__separator">|</span><i class="fa fa-inbox article-meta__icon" aria-hidden="true"></i><a class="article-meta__categories" href="/categories/essay/">essay</a></span></div><div class="content">2020年回顾这一年最大的感受在2021年开始的时间回顾一下过去的2020，这一年因为疫情改变了大家的生活方式，每天带着口罩，几乎只在住的地方和公司两点一线，没有旅行，很少逛街。
回想一下这一年都做了哪些事年初因为疫情不能会北京，在家办公了一段时间
回来后养了一盆花，一年来每次看到花骨朵以为要开花， ...</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/12/30/%E9%98%B2%E6%8A%96%E5%92%8C%E6%88%AA%E6%B5%81/" title="防抖和截流"> <img class="post_bg" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=365170210,1704768731&fm=11&gp=0.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="防抖和截流"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/12/30/%E9%98%B2%E6%8A%96%E5%92%8C%E6%88%AA%E6%B5%81/" title="防抖和截流">防抖和截流</a><div class="article-meta-wrap"><time class="post-meta__date" title="Created 2020-12-30 11:18:59"><i class="fa fa-calendar" aria-hidden="true"></i>2020-12-30</time><span class="article-meta"><span class="article-meta__separator">|</span><i class="fa fa-inbox article-meta__icon" aria-hidden="true"></i><a class="article-meta__categories" href="/categories/js/">js</a></span></div><div class="content">函数防抖（debounce）短时间内多次触发同一事件，只执行最后一次，或者只执行最开始的一次，中间的不执行。
123456789101112<div id="content" style="height:150px;line-height:150px;text-align:center; co ...</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/12/17/vue-router/" title="vue-router"> <img class="post_bg" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=365170210,1704768731&fm=11&gp=0.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="vue-router"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/12/17/vue-router/" title="vue-router">vue-router</a><div class="article-meta-wrap"><time class="post-meta__date" title="Created 2020-12-17 10:42:50"><i class="fa fa-calendar" aria-hidden="true"></i>2020-12-17</time></div><div class="content">
Document
3个组件
login
main
setting
window.onload = f ...</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/12/08/%E9%80%92%E5%BD%92/" title="递归"> <img class="post_bg" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=365170210,1704768731&fm=11&gp=0.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="递归"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/12/08/%E9%80%92%E5%BD%92/" title="递归">递归</a><div class="article-meta-wrap"><time class="post-meta__date" title="Created 2020-12-08 10:14:35"><i class="fa fa-calendar" aria-hidden="true"></i>2020-12-08</time></div><div class="content">// function sum(arr = [1, 2, 3]) {// if (arr.length === 0) return 0;// if (arr.length === 1) return arr[0];// return arr[0] + sum(arr.slic ...</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/12/07/%E5%AE%9E%E7%8E%B0%E9%93%BE%E8%A1%A8/" title="js实现链表"> <img class="post_bg" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=365170210,1704768731&fm=11&gp=0.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="js实现链表"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/12/07/%E5%AE%9E%E7%8E%B0%E9%93%BE%E8%A1%A8/" title="js实现链表">js实现链表</a><div class="article-meta-wrap"><time class="post-meta__date" title="Created 2020-12-07 15:17:51"><i class="fa fa-calendar" aria-hidden="true"></i>2020-12-07</time></div><div class="content">什么是链表链表是一种物理存储单元上非连续、非顺序的存储结构，数据元素的逻辑顺序是通过链表中的指针链接次序实现的。
链表的优缺点我们平时用数据基本就能解决所有问题了，那么为什么需要链表呢？数组是在内存中一块连续的存储结构，用一组连续的数字标识索引，那么假如我要往第一个位置插入一个元素，那么其后面所有元 ...</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/11/12/uniapp%E9%9F%B3%E8%A7%86%E9%A2%91sdk%E8%AF%B4%E6%98%8E%E6%96%87%E6%A1%A3/" title="uniapp音视频sdk说明文档"> <img class="post_bg" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=365170210,1704768731&fm=11&gp=0.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="uniapp音视频sdk说明文档"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/11/12/uniapp%E9%9F%B3%E8%A7%86%E9%A2%91sdk%E8%AF%B4%E6%98%8E%E6%96%87%E6%A1%A3/" title="uniapp音视频sdk说明文档">uniapp音视频sdk说明文档</a><div class="article-meta-wrap"><time class="post-meta__date" title="Created 2020-11-12 10:36:08"><i class="fa fa-calendar" aria-hidden="true"></i>2020-11-12</time></div><div class="content">uniapp 音视频 sdk api1、创建会议uni.emedia.mgr.createConference(11, ‘123456’, rec, recMerge)
2、加入会议uni.emedia.mgr.joinConference(conferenceId, password)
3、给服务 ...</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/09/24/VUE%E9%A1%B9%E7%9B%AE%E4%BC%98%E5%8C%96/" title="VUE项目优化"> <img class="post_bg" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=365170210,1704768731&fm=11&gp=0.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="VUE项目优化"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/24/VUE%E9%A1%B9%E7%9B%AE%E4%BC%98%E5%8C%96/" title="VUE项目优化">VUE项目优化</a><div class="article-meta-wrap"><time class="post-meta__date" title="Created 2020-09-24 17:01:20"><i class="fa fa-calendar" aria-hidden="true"></i>2020-09-24</time></div><div class="content">VUE 项目优化代码层面1-data尽可能的扁平化处理(vue的数据劫持方面优化)
2-不需要修改的数据使用Object.freeze 冻结处理
3-v-if与v-show区分使用场景
4-v-for循环时，注重key的作用
5-对于没有使用vue语法的模块，用 v-pre 指令来提升编译效率
6- ...</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/09/18/QQ%E5%B0%8F%E7%A8%8B%E5%BA%8F%E9%9B%86%E6%88%90%E7%8E%AF%E4%BF%A1IMSDK/" title="QQ小程序集成环信IMSDK"> <img class="post_bg" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=365170210,1704768731&fm=11&gp=0.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="QQ小程序集成环信IMSDK"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/18/QQ%E5%B0%8F%E7%A8%8B%E5%BA%8F%E9%9B%86%E6%88%90%E7%8E%AF%E4%BF%A1IMSDK/" title="QQ小程序集成环信IMSDK">QQ小程序集成环信IMSDK</a><div class="article-meta-wrap"><time class="post-meta__date" title="Created 2020-09-18 15:13:58"><i class="fa fa-calendar" aria-hidden="true"></i>2020-09-18</time></div><div class="content">开发者集成集成前准备集成sdk之前需要在环信管理后台注册并创建应用
搭建QQ小程序开发环境首先需要下载并安装开发者工具，然后按照QQ小程序的接入流程一步步创建一个小程序
配置服务器域名注册登录QQ小程序开发者平台, 进入“开发 > 开发设置”页面配置以下服务器地址：request 合法域名，u ...</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/09/07/WebIM-demo-db/" title="WebIM 数据库说明及常见问题解决方案"> <img class="post_bg" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=365170210,1704768731&fm=11&gp=0.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="WebIM 数据库说明及常见问题解决方案"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/07/WebIM-demo-db/" title="WebIM 数据库说明及常见问题解决方案">WebIM 数据库说明及常见问题解决方案</a><div class="article-meta-wrap"><time class="post-meta__date" title="Created 2020-09-07 12:42:05"><i class="fa fa-calendar" aria-hidden="true"></i>2020-09-07</time><span class="article-meta"><span class="article-meta__separator">|</span><i class="fa fa-inbox article-meta__icon" aria-hidden="true"></i><a class="article-meta__categories" href="/categories/%E7%8E%AF%E4%BF%A1%E6%96%87%E6%A1%A3/">环信文档</a></span></div><div class="content">WebIM 数据库说明及常见问题解决方案前言webim 为 web 端 im 应用 demo，本文主要介绍 webim 中 使用 indexDB 来做消息存储以及常见需求的解决方案。
消息体存储的消息体：文本消息：
12345678910111213141516171819{ bod ...</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/08/26/Typescript/" title="Typescript 入门笔记"> <img class="post_bg" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=365170210,1704768731&fm=11&gp=0.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="Typescript 入门笔记"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/08/26/Typescript/" title="Typescript 入门笔记">Typescript 入门笔记</a><div class="article-meta-wrap"><time class="post-meta__date" title="Created 2020-08-26 16:33:46"><i class="fa fa-calendar" aria-hidden="true"></i>2020-08-26</time></div><div class="content">什么是typescript
TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准。TypeScript 由微软开发的自由和开源的编程语言。TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript ...</div></div></div><nav id="pagination"><div class="pagination"><span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><span class="space">…</span><a class="page-number" href="/page/4/">4</a><a class="extend next" rel="next" href="/page/2/"><i class="fa fa-fw fa-chevron-right" aria-hidden="true"></i></a></div></nav></div><div class="aside_content" id="aside_content"><div class="card-widget card-info"><div class="card-content"><div class="card-info-avatar is-center"><img class="avatar-img" src="/img/avatar.jpeg" onerror="this.onerror=null;this.src='/img/friend_404.gif'" alt="avatar"/><div class="author-info__name">Antony</div><div class="author-info__description">路漫漫其修远兮</div></div><div class="card-info-data"><div class="card-info-data-item is-center"><a href="/archives"><div class="headline">Articles</div><div class="length_num">38</div></a></div><div class="card-info-data-item is-center"> <a href="/tags"><div class="headline">Tags</div><div class="length_num">14</div></a></div><div class="card-info-data-item is-center"> <a href="/categories"><div class="headline">Categories</div><div class="length_num">7</div></a></div></div><div class="card-info-bookmark is-center"><a class="bookmark button--primary button--animated" id="bookmark-it" href="javascript:;" title="Bookmark" target="_self"><i class="fa fa-bookmark" aria-hidden="true"></i><span>Bookmark</span></a></div><div class="card-info-social-icons is-center"><a class="social-icon" href="https://github.com/myZhangDong" target="_blank" title="Github"><i class="fa fa-github" aria-hidden="true"></i></a><a class="social-icon" href="[email protected]" target="_blank" title="Email"><i class="fa fa-envelope" aria-hidden="true"></i></a></div></div></div><div class="card-widget card-announcement"><div class="card-content"><div class="item-headline"><i class="fa fa-bullhorn card-announcement-animation" aria-hidden="true"></i><span>Announcement</span></div><div class="announcement_content">This is my Blog</div></div></div><div class="card-widget card-recent-post"><div class="card-content"><div class="item-headline"><i class="fa fa-history" aria-hidden="true"></i><span>Recent Post</span></div><div class="aside-recent-item"><div class="aside-recent-post"><a href="/2021/01/01/2020/"><div class="aside-post-cover"><img class="aside-post-bg" src="/myZhangDong.gitgub.io/img/essay/huishou.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" title="回首2020" alt="回首2020"/></div><div class="aside-post-title"><div class="aside-post_title" href="/2021/01/01/2020/" title="回首2020">回首2020</div><time class="aside-post_meta post-meta__date" title="Created 2021-01-01 12:06:42">2021-01-01</time></div></a></div><div class="aside-recent-post"><a href="/2020/12/30/%E9%98%B2%E6%8A%96%E5%92%8C%E6%88%AA%E6%B5%81/"><div class="aside-post-cover"><img class="aside-post-bg" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=365170210,1704768731&fm=11&gp=0.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" title="防抖和截流" alt="防抖和截流"/></div><div class="aside-post-title"><div class="aside-post_title" href="/2020/12/30/%E9%98%B2%E6%8A%96%E5%92%8C%E6%88%AA%E6%B5%81/" title="防抖和截流">防抖和截流</div><time class="aside-post_meta post-meta__date" title="Created 2020-12-30 11:18:59">2020-12-30</time></div></a></div><div class="aside-recent-post"><a href="/2020/12/17/vue-router/"><div class="aside-post-cover"><img class="aside-post-bg" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=365170210,1704768731&fm=11&gp=0.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" title="vue-router" alt="vue-router"/></div><div class="aside-post-title"><div class="aside-post_title" href="/2020/12/17/vue-router/" title="vue-router">vue-router</div><time class="aside-post_meta post-meta__date" title="Created 2020-12-17 10:42:50">2020-12-17</time></div></a></div><div class="aside-recent-post"><a href="/2020/12/08/%E9%80%92%E5%BD%92/"><div class="aside-post-cover"><img class="aside-post-bg" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=365170210,1704768731&fm=11&gp=0.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" title="递归" alt="递归"/></div><div class="aside-post-title"><div class="aside-post_title" href="/2020/12/08/%E9%80%92%E5%BD%92/" title="递归">递归</div><time class="aside-post_meta post-meta__date" title="Created 2020-12-08 10:14:35">2020-12-08</time></div></a></div><div class="aside-recent-post"><a href="/2020/12/07/%E5%AE%9E%E7%8E%B0%E9%93%BE%E8%A1%A8/"><div class="aside-post-cover"><img class="aside-post-bg" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=365170210,1704768731&fm=11&gp=0.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" title="js实现链表" alt="js实现链表"/></div><div class="aside-post-title"><div class="aside-post_title" href="/2020/12/07/%E5%AE%9E%E7%8E%B0%E9%93%BE%E8%A1%A8/" title="js实现链表">js实现链表</div><time class="aside-post_meta post-meta__date" title="Created 2020-12-07 15:17:51">2020-12-07</time></div></a></div></div></div></div><div class="card-widget card-categories"><div class="card-content"><div class="item-headline"><i class="fa fa-folder-open" aria-hidden="true"></i><span>Categories</span></div><ul class="card-category-list">
<li class="card-category-list-item"><a class="card-category-list-link" href="/categories/JS/"><span class="card-category-list-name">JS</span><span class="card-category-list-count">2</span></a></li><li class="card-category-list-item"><a class="card-category-list-link" href="/categories/essay/"><span class="card-category-list-name">essay</span><span class="card-category-list-count">4</span></a></li><li class="card-category-list-item"><a class="card-category-list-link" href="/categories/js/"><span class="card-category-list-name">js</span><span class="card-category-list-count">1</span></a></li><li class="card-category-list-item"><a class="card-category-list-link" href="/categories/linux/"><span class="card-category-list-name">linux</span><span class="card-category-list-count">1</span></a></li><li class="card-category-list-item"><a class="card-category-list-link" href="/categories/%E5%B7%A5%E5%85%B7/"><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="/categories/%E6%95%99%E7%A8%8B/"><span class="card-category-list-name">教程</span><span class="card-category-list-count">2</span></a></li><li class="card-category-list-item"><a class="card-category-list-link" href="/categories/%E7%8E%AF%E4%BF%A1%E6%96%87%E6%A1%A3/"><span class="card-category-list-name">环信文档</span><span class="card-category-list-count">2</span></a></li>
</ul></div></div><div class="card-widget card-tags"><div class="card-content"><div class="item-headline"><i class="fa fa-tags" aria-hidden="true"></i><span>Tags</span></div><div class="card-tag-cloud"><a href="/tags/JS/" style="font-size: 16px; color: #999">JS</a> <a href="/tags/Typescript/" style="font-size: 16px; color: #999">Typescript</a> <a href="/tags/broser/" style="font-size: 16px; color: #999">broser</a> <a href="/tags/http/" style="font-size: 16px; color: #999">http</a> <a href="/tags/js/" style="font-size: 22px; color: #99a9bf">js</a> <a href="/tags/js%E9%98%B2%E6%8A%96%E5%92%8C%E6%88%AA%E6%B5%81/" style="font-size: 16px; color: #999">js防抖和截流</a> <a href="/tags/linux/" style="font-size: 16px; color: #999">linux</a> <a href="/tags/program/" style="font-size: 16px; color: #999">program</a> <a href="/tags/travis/" style="font-size: 16px; color: #999">travis</a> <a href="/tags/%E6%9D%82%E6%96%87/" style="font-size: 22px; color: #99a9bf">杂文</a> <a href="/tags/%E7%8E%AF%E4%BF%A1/" style="font-size: 16px; color: #999">环信</a> <a href="/tags/%E7%AE%97%E6%B3%95/" style="font-size: 19px; color: #99a1ac">算法</a> <a href="/tags/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/" style="font-size: 19px; color: #99a1ac">设计模式</a> <a href="/tags/%E9%9F%B3%E8%A7%86%E9%A2%91SDK-%E7%8E%AF%E4%BF%A1/" style="font-size: 16px; color: #999">音视频SDK 环信</a></div></div></div><div class="card-widget card-archives"><div class="card-content"><div class="item-headline"><i class="fa fa-archive" aria-hidden="true"></i><span>Archives</span></div><ul class="card-archive-list"><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2021/01/"><span class="card-archive-list-date">January 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="/archives/2020/12/"><span class="card-archive-list-date">December 2020</span><span class="card-archive-list-count">4</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2020/11/"><span class="card-archive-list-date">November 2020</span><span class="card-archive-list-count">1</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2020/09/"><span class="card-archive-list-date">September 2020</span><span class="card-archive-list-count">3</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2020/08/"><span class="card-archive-list-date">August 2020</span><span class="card-archive-list-count">3</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2020/07/"><span class="card-archive-list-date">July 2020</span><span class="card-archive-list-count">1</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2020/06/"><span class="card-archive-list-date">June 2020</span><span class="card-archive-list-count">2</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2020/05/"><span class="card-archive-list-date">May 2020</span><span class="card-archive-list-count">12</span></a></li><li class="card-archive-list-item more is-center"><a class="card-archive-list-link-more" href="/archives">
<span>More</span><i class="fa fa-angle-right" aria-hidden="true"></i></a></li></ul></div></div><div class="card-widget card-webinfo"><div class="card-content"><div class="item-headline"><i class="fa fa-line-chart" aria-hidden="true"></i><span>Info</span></div><div class="webinfo"><div class="webinfo-item"><div class="webinfo-article-name">Article :</div><div class="webinfo-article-count">38</div></div><div class="webinfo-item"><div class="webinfo-runtime-name">Run time :</div><div class="webinfo-runtime-count" id="webinfo-runtime-count" start_date="6/7/2018 00:00:00"> </div></div><div class="webinfo-item"> <div class="webinfo-site-uv-name">UV :</div><div class="webinfo-site-uv-count" id="busuanzi_value_site_uv"></div></div><div class="webinfo-item"><div class="webinfo-site-name">PV :</div><div class="webinfo-site-pv-count" id="busuanzi_value_site_pv"></div></div></div></div></div></div></main><footer id="footer" style="background-image: url(http://t8.baidu.com/it/u=2857883419,1187496708&fm=79&app=86&f=JPEG?w=1280&h=763)" data-type="photo"><div id="footer-wrap"><div class="copyright">©2020 - 2021 By Antony</div><div class="framework-info"><span>Driven </span><a href="https://hexo.io" target="_blank" rel="noopener"><span>Hexo</span></a><span class="footer-separator">|</span><span>Theme </span><a href="https://github.com/jerryc127/hexo-theme-butterfly" target="_blank" rel="noopener"><span>Butterfly</span></a></div></div></footer></div><section class="rightside" id="rightside"><div id="rightside-config-hide"><a class="translate_chn_to_cht" id="translateLink" href="javascript:translatePage();" title="Traditional Chinese and Simplified Chinese Conversion" target="_self">繁</a><i class="darkmode fa fa-moon-o" id="darkmode" title="Dark Mode"></i></div><div id="rightside-config-show"><div id="rightside_config" title="Setting"><i class="fa fa-cog" aria-hidden="true"></i></div><i class="fa fa-arrow-up" id="go-up" title="Back to top" aria-hidden="true"></i></div></section><script src="https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script><script src="/js/utils.js"></script><script src="/js/main.js"></script><script src="/js/tw_cn.js"></script><script src="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.js"></script><script id="ribbon_piao" mobile="false" src="/js/third-party/piao.js"></script><script src="/js/third-party/activate-power-mode.js"></script><script>POWERMODE.colorful = true;
POWERMODE.shake = false;
document.body.addEventListener('input', POWERMODE);
</script><script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script><script src="https://cdn.jsdelivr.net/npm/instant.page@3/instantpage.min.js" type="module"></script><script src="/js/third-party/click_heart.js"></script><script src="https://cdn.jsdelivr.net/npm/typed.js"></script><script>var subtitleType = function () {
var subtitleEffect = true
fetch('https://api.btstu.cn/yan/api.php?charset=utf-8&encode=json',)
.then(function (res) {
return res.json()
})
.then(function (data) {
if (subtitleEffect) {
var sub = '今日事,今日畢,Never put off till tomorrow what you can do today'.length == 0 ? new Array() : '今日事,今日畢,Never put off till tomorrow what you can do today'.split(',')
var both = sub.unshift(data.text)
var typed = new Typed('#subtitle', {
strings: sub,
startDelay: 300,
typeSpeed: 150,
loop: false,
backSpeed: 50,
})
} else {
document.getElementById('subtitle').innerHTML = data.text
}
})
.catch(function (err) {
console.error(err)
})
}
window.addEventListener('load', subtitleType)
</script><script>var endLoading = function () {
document.body.style.overflow = 'auto';
document.getElementById('loading-box').classList.add("loaded")
}
window.addEventListener('load',endLoading)</script></body></html>