-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
80 lines (80 loc) · 30.8 KB
/
index.html
File metadata and controls
80 lines (80 loc) · 30.8 KB
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
<!doctype html>
<html lang="zh"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><meta><title>陈禹江的个人博客</title><link rel="manifest" href="/blog/manifest.json"><meta name="application-name" content="陈禹江的个人博客"><meta name="msapplication-TileImage" content="/img/cat.png"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-title" content="陈禹江的个人博客"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta property="og:type" content="blog"><meta property="og:title" content="陈禹江的个人博客"><meta property="og:url" content="http://ceaser.fun/blog"><meta property="og:site_name" content="陈禹江的个人博客"><meta property="og:locale" content="zh_CN"><meta property="og:image" content="http://ceaser.fun/blog/img/og_image.png"><meta property="article:author" content="Ceaser"><meta property="twitter:card" content="summary"><meta property="twitter:image" content="/blog/img/og_image.png"><script type="application/ld+json">{"@context":"https://schema.org","@type":"BlogPosting","mainEntityOfPage":{"@type":"WebPage","@id":"http://ceaser.fun/blog"},"headline":"陈禹江的个人博客","image":["http://ceaser.fun/blog/img/og_image.png"],"author":{"@type":"Person","name":"Ceaser"},"publisher":{"@type":"Organization","name":"陈禹江的个人博客","logo":{"@type":"ImageObject","url":{"text":"Ceaser的个人博客"}}},"description":""}</script><link rel="icon" href="/blog/img/cat.png"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@9.12.0/styles/atom-one-light.css"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;600&family=Source+Code+Pro"><link rel="stylesheet" href="/blog/css/default.css"><style>body>.footer,body>.navbar,body>.section{opacity:0}</style><!--!--><!--!--><!--!--><!--!--><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cookieconsent@3.1.1/build/cookieconsent.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lightgallery@1.10.0/dist/css/lightgallery.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/justifiedGallery@3.8.1/dist/css/justifiedGallery.min.css"><!--!--><!--!--><style>.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pace-inactive{display:none}.pace .pace-progress{background:#3273dc;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}</style><script src="https://cdn.jsdelivr.net/npm/pace-js@1.2.4/pace.min.js"></script><!--!--><!--!--><!-- hexo injector head_end start --><script>
(function () {
function switchTab() {
if (!location.hash) {
return;
}
Array
.from(document.querySelectorAll('.tab-content'))
.forEach($tab => {
$tab.classList.add('is-hidden');
});
Array
.from(document.querySelectorAll('.tabs li'))
.forEach($tab => {
$tab.classList.remove('is-active');
});
const $activeTab = document.querySelector(location.hash);
if ($activeTab) {
$activeTab.classList.remove('is-hidden');
}
const $tabMenu = document.querySelector(`a[href="${location.hash}"]`);
if ($tabMenu) {
$tabMenu.parentElement.classList.add('is-active');
}
}
switchTab();
window.addEventListener('hashchange', switchTab, false);
})();
</script><!-- hexo injector head_end end --><meta name="generator" content="Hexo 6.1.0"></head><body class="is-3-column"><nav class="navbar navbar-main"><div class="container navbar-container"><div class="navbar-brand justify-content-center"><a class="navbar-item navbar-logo" href="/blog/">Ceaser的个人博客</a></div><div class="navbar-menu"><div class="navbar-start"><a class="navbar-item is-active" href="/blog/">主页</a><a class="navbar-item" href="/blog/archives">时间轴</a><a class="navbar-item" href="/blog/categories">分类</a><a class="navbar-item" href="/blog/tags">标签</a><a class="navbar-item" href="/blog/about">关于</a></div><div class="navbar-end"><a class="navbar-item search" title="搜索" href="javascript:;"><i class="fas fa-search"></i></a></div></div></div></nav><section class="section"><div class="container"><div class="columns"><div class="column order-2 column-main is-8-tablet is-8-desktop is-6-widescreen"><div class="card"><div class="card-image"><a class="image is-7by3" href="/blog/2022/08/19/%E5%AD%97%E8%8A%82%E9%9D%92%E8%AE%AD%E8%90%A5%E7%AC%94%E8%AE%B0-8-19-1/"><img class="fill" src="https://pic3.zhimg.com/v2-6201651d5c1bc17e74896068889f943f_1440w.jpg?source=172ae18b" alt="字节青训营笔记.8.19.1"></a></div><article class="card-content article" role="article"><div class="article-meta is-size-7 is-uppercase level is-mobile"><div class="level-left"><span class="level-item"><time dateTime="2022-08-19T09:30:56.000Z" title="2022/8/19 17:30:56">2022-08-19</time>发表</span><span class="level-item"><time dateTime="2022-10-07T11:14:03.937Z" title="2022/10/7 19:14:03">2022-10-07</time>更新</span><span class="level-item">4 分钟读完 (大约574个字)</span></div></div><h1 class="title is-3 is-size-4-mobile"><a class="link-muted" href="/blog/2022/08/19/%E5%AD%97%E8%8A%82%E9%9D%92%E8%AE%AD%E8%90%A5%E7%AC%94%E8%AE%B0-8-19-1/">字节青训营笔记.8.19.1</a></h1><div class="content"><h1 id="小程序技术全解-青训营笔记"><a href="#小程序技术全解-青训营笔记" class="headerlink" title="小程序技术全解 | 青训营笔记"></a>小程序技术全解 | 青训营笔记</h1><p>这是我参与「第四届青训营 」笔记创作活动的第 5 天</p>
<h2 id="发展历程"><a href="#发展历程" class="headerlink" title="发展历程"></a>发展历程</h2><p>小程序的探索最开始是由微信开启的，2017 年 1 月微信小程序正式进入人们的视野。<br>随后支付宝小程序及其他厂商也相继发布自己的小程序产品。标志着各大厂竟相进入到小程序领域开始竞争。<br>到了 2020 年全网的 app 数量相比 2019 年的 367 万下降了 4.9%，而微信小程序却上升了 33.3%，来到了 450 万+的全网数量。<br>这个也标志着小程序的爆发式发展。</p></div><a class="article-more button is-small is-size-7" href="/blog/2022/08/19/%E5%AD%97%E8%8A%82%E9%9D%92%E8%AE%AD%E8%90%A5%E7%AC%94%E8%AE%B0-8-19-1/#more">阅读更多</a></article></div><div class="card"><div class="card-image"><a class="image is-7by3" href="/blog/2022/08/16/Javascript%E9%AB%98%E7%BA%A7-8-16-2/"><img class="fill" src="https://img2.baidu.com/it/u=557819644,2340142626&fm=253&fmt=auto&a=138&f=JEG?w=1000&h=500" alt="Javascript高级.8.16.2"></a></div><article class="card-content article" role="article"><div class="article-meta is-size-7 is-uppercase level is-mobile"><div class="level-left"><span class="level-item"><time dateTime="2022-08-16T11:49:24.000Z" title="2022/8/16 19:49:24">2022-08-16</time>发表</span><span class="level-item"><time dateTime="2022-10-07T11:13:34.631Z" title="2022/10/7 19:13:34">2022-10-07</time>更新</span><span class="level-item"><a class="link-muted" href="/blog/categories/%E5%89%8D%E7%AB%AF/">前端</a><span> / </span><a class="link-muted" href="/blog/categories/ES6/">ES6</a></span><span class="level-item">3 分钟读完 (大约399个字)</span></div></div><h1 class="title is-3 is-size-4-mobile"><a class="link-muted" href="/blog/2022/08/16/Javascript%E9%AB%98%E7%BA%A7-8-16-2/">Javascript高级.8.16.2</a></h1><div class="content"><h2 id="事件循环-微任务-宏任务"><a href="#事件循环-微任务-宏任务" class="headerlink" title="事件循环-微任务-宏任务"></a>事件循环-微任务-宏任务</h2><p>如果在执行 JavaScript 代码的过程中，有异步操作呢？<br>中间我们插入了一个 setTimeout 的函数调用；<br>这个函数被放到入调用栈中，执行会立即结束，并不会阻塞后续代码的执行；<br>但是事件循环中并非只维护着一个队列，事实上是有两个队列：</p></div><a class="article-more button is-small is-size-7" href="/blog/2022/08/16/Javascript%E9%AB%98%E7%BA%A7-8-16-2/#more">阅读更多</a></article></div><div class="card"><div class="card-image"><a class="image is-7by3" href="/blog/2022/08/16/%E5%AD%97%E8%8A%82%E9%9D%92%E8%AE%AD%E8%90%A5%E7%AC%94%E8%AE%B0-8-16-1/"><img class="fill" src="https://pic3.zhimg.com/v2-6201651d5c1bc17e74896068889f943f_1440w.jpg?source=172ae18b" alt="字节青训营笔记.8.16.1"></a></div><article class="card-content article" role="article"><div class="article-meta is-size-7 is-uppercase level is-mobile"><div class="level-left"><span class="level-item"><time dateTime="2022-08-16T09:16:12.000Z" title="2022/8/16 17:16:12">2022-08-16</time>发表</span><span class="level-item"><time dateTime="2022-08-17T10:42:09.641Z" title="2022/8/17 18:42:09">2022-08-17</time>更新</span><span class="level-item">4 分钟读完 (大约554个字)</span></div></div><h1 class="title is-3 is-size-4-mobile"><a class="link-muted" href="/blog/2022/08/16/%E5%AD%97%E8%8A%82%E9%9D%92%E8%AE%AD%E8%90%A5%E7%AC%94%E8%AE%B0-8-16-1/">字节青训营笔记.8.16.1</a></h1><div class="content"><h1 id="Vite知识体系-青训营笔记"><a href="#Vite知识体系-青训营笔记" class="headerlink" title="Vite知识体系 | 青训营笔记"></a>Vite知识体系 | 青训营笔记</h1><p>这是我参与「第四届青训营 」笔记创作活动的第 4 天</p>
<h2 id="为什么要构建工具？"><a href="#为什么要构建工具？" class="headerlink" title="为什么要构建工具？"></a>为什么要构建工具？</h2><p>模块化方案->提供模块加载方案，兼容不同规范标准<br>语法转义->高级语法转移，如sass、typescript。资源加载，如图片，字体，worker<br>产物质量->产物压缩、无用代码删除、语法降级<br>开发效率->热更新</p></div><a class="article-more button is-small is-size-7" href="/blog/2022/08/16/%E5%AD%97%E8%8A%82%E9%9D%92%E8%AE%AD%E8%90%A5%E7%AC%94%E8%AE%B0-8-16-1/#more">阅读更多</a></article></div><div class="card"><div class="card-image"><a class="image is-7by3" href="/blog/2022/08/14/%E5%AD%97%E8%8A%82%E9%9D%92%E8%AE%AD%E8%90%A5%E7%AC%94%E8%AE%B0-8-14-1/"><img class="fill" src="https://pic3.zhimg.com/v2-6201651d5c1bc17e74896068889f943f_1440w.jpg?source=172ae18b" alt="字节青训营笔记.8.14.1"></a></div><article class="card-content article" role="article"><div class="article-meta is-size-7 is-uppercase level is-mobile"><div class="level-left"><span class="level-item"><time dateTime="2022-08-14T09:14:51.000Z" title="2022/8/14 17:14:51">2022-08-14</time>发表</span><span class="level-item"><time dateTime="2022-09-04T13:32:42.303Z" title="2022/9/4 21:32:42">2022-09-04</time>更新</span><span class="level-item">4 分钟读完 (大约547个字)</span></div></div><h1 class="title is-3 is-size-4-mobile"><a class="link-muted" href="/blog/2022/08/14/%E5%AD%97%E8%8A%82%E9%9D%92%E8%AE%AD%E8%90%A5%E7%AC%94%E8%AE%B0-8-14-1/">字节青训营笔记.8.14.1</a></h1><div class="content"><h1 id="初识-WebGL-青训营笔记"><a href="#初识-WebGL-青训营笔记" class="headerlink" title="初识 WebGL | 青训营笔记"></a>初识 WebGL | 青训营笔记</h1><p>这是我参与「第四届青训营 」笔记创作活动的第 3 天</p>
<h2 id="WebGL-是什么？"><a href="#WebGL-是什么？" class="headerlink" title="WebGL 是什么？"></a>WebGL 是什么？</h2><p>WebGL 是一种 3D 绘图协议<br>WebGL 运行在电脑的 GPU 中，因此需要使用能在 GPU 上运行的代码，这样的代码需要提供成对的方法，每对方法中的一个叫顶点着色器而另外一个叫做片元着色器，并且使用 GLSL 语言。将顶点着色器和片元着色器连接起来的方法叫做着色程序。</p></div><a class="article-more button is-small is-size-7" href="/blog/2022/08/14/%E5%AD%97%E8%8A%82%E9%9D%92%E8%AE%AD%E8%90%A5%E7%AC%94%E8%AE%B0-8-14-1/#more">阅读更多</a></article></div><div class="card"><div class="card-image"><a class="image is-7by3" href="/blog/2022/08/12/%E5%AD%97%E8%8A%82%E9%9D%92%E8%AE%AD%E8%90%A5%E7%AC%94%E8%AE%B0-8-12-1/"><img class="fill" src="https://pic3.zhimg.com/v2-6201651d5c1bc17e74896068889f943f_1440w.jpg?source=172ae18b" alt="字节青训营笔记.8.12.1"></a></div><article class="card-content article" role="article"><div class="article-meta is-size-7 is-uppercase level is-mobile"><div class="level-left"><span class="level-item"><time dateTime="2022-08-12T11:28:27.000Z" title="2022/8/12 19:28:27">2022-08-12</time>发表</span><span class="level-item"><time dateTime="2022-10-07T11:14:29.726Z" title="2022/10/7 19:14:29">2022-10-07</time>更新</span><span class="level-item">7 分钟读完 (大约1123个字)</span></div></div><h1 class="title is-3 is-size-4-mobile"><a class="link-muted" href="/blog/2022/08/12/%E5%AD%97%E8%8A%82%E9%9D%92%E8%AE%AD%E8%90%A5%E7%AC%94%E8%AE%B0-8-12-1/">字节青训营笔记.8.12.1</a></h1><div class="content"><h1 id="Webpack-知识体系-青训营笔记"><a href="#Webpack-知识体系-青训营笔记" class="headerlink" title="Webpack 知识体系 | 青训营笔记"></a>Webpack 知识体系 | 青训营笔记</h1><p>这是我参与「第四届青训营 」笔记创作活动的第 2 天</p>
<h2 id="什么是-Webpack？"><a href="#什么是-Webpack？" class="headerlink" title="什么是 Webpack？"></a>什么是 Webpack？</h2><p>前端项目由资源组成->图片，TS,JS，less，scss 等等等<br>当然我们可以手动管理这些资源，但这样会引发很多问题。<br>依赖手工，比如有 50 个 JS 文件…操作，过程繁琐，<br>当代码文件之间有依赖的时候，就得严格按依赖顺序书写，<br>开发与生产环境一致，难以接入 TS 或 JS 新特性，<br>比较难接入 Less、Sass 等工具，<br>JS、图片、csS 资源管理模型不一致。</p>
<p><strong>这些都是旧时代非常突出的问题，对开发效率影响非常大，直到 Webpack 等构建工具的出现</strong></p></div><a class="article-more button is-small is-size-7" href="/blog/2022/08/12/%E5%AD%97%E8%8A%82%E9%9D%92%E8%AE%AD%E8%90%A5%E7%AC%94%E8%AE%B0-8-12-1/#more">阅读更多</a></article></div><div class="card"><div class="card-image"><a class="image is-7by3" href="/blog/2022/08/11/%E5%AD%97%E8%8A%82%E9%9D%92%E8%AE%AD%E8%90%A5%E7%AC%94%E8%AE%B0-8-11-1/"><img class="fill" src="https://pic3.zhimg.com/v2-6201651d5c1bc17e74896068889f943f_1440w.jpg?source=172ae18b" alt="字节青训营笔记.8.11.1"></a></div><article class="card-content article" role="article"><div class="article-meta is-size-7 is-uppercase level is-mobile"><div class="level-left"><span class="level-item"><time dateTime="2022-08-11T12:44:02.000Z" title="2022/8/11 20:44:02">2022-08-11</time>发表</span><span class="level-item"><time dateTime="2022-08-14T09:47:30.299Z" title="2022/8/14 17:47:30">2022-08-14</time>更新</span><span class="level-item">3 分钟读完 (大约515个字)</span></div></div><h1 class="title is-3 is-size-4-mobile"><a class="link-muted" href="/blog/2022/08/11/%E5%AD%97%E8%8A%82%E9%9D%92%E8%AE%AD%E8%90%A5%E7%AC%94%E8%AE%B0-8-11-1/">字节青训营笔记.8.11.1</a></h1><div class="content"><h1 id="响应式系统与-React-青训营笔记"><a href="#响应式系统与-React-青训营笔记" class="headerlink" title="响应式系统与 React | 青训营笔记"></a>响应式系统与 React | 青训营笔记</h1><p>这是我参与「第四届青训营 」笔记创作活动的第 1 天</p>
<h2 id="React-的历史与应用"><a href="#React-的历史与应用" class="headerlink" title="React 的历史与应用"></a>React 的历史与应用</h2><h3 id="应用"><a href="#应用" class="headerlink" title="应用"></a>应用</h3><p><strong>前端应用开发</strong>：Facebook，Instagram，Netflix<br><strong>移动原生应用</strong>：Discord，Oculus<br>结合 Electron 进行<strong>桌面应用开发</strong> </p></div><a class="article-more button is-small is-size-7" href="/blog/2022/08/11/%E5%AD%97%E8%8A%82%E9%9D%92%E8%AE%AD%E8%90%A5%E7%AC%94%E8%AE%B0-8-11-1/#more">阅读更多</a></article></div><nav class="pagination" role="navigation" aria-label="pagination"><div class="pagination-previous is-invisible is-hidden-mobile"><a href="/blog/page/0/">上一页</a></div><div class="pagination-next"><a href="/blog/page/2/">下一页</a></div><ul class="pagination-list is-hidden-mobile"><li><a class="pagination-link is-current" href="/blog/">1</a></li><li><a class="pagination-link" href="/blog/page/2/">2</a></li><li><span class="pagination-ellipsis">…</span></li><li><a class="pagination-link" href="/blog/page/8/">8</a></li></ul></nav></div><div class="column column-left is-4-tablet is-4-desktop is-3-widescreen order-1"><div class="card widget" data-type="profile"><div class="card-content"><nav class="level"><div class="level-item has-text-centered flex-shrink-1"><div><figure class="image is-128x128 mx-auto mb-2"><img class="avatar is-rounded" src="/blog/img/cat.png" alt="Ceaser"></figure><p class="title is-size-4 is-block" style="line-height:inherit;">Ceaser</p><p class="is-size-6 is-flex justify-content-center"><i class="fas fa-map-marker-alt mr-1"></i><span>成都 & 中国·台湾</span></p></div></div></nav><nav class="level is-mobile"><div class="level-item has-text-centered is-marginless"><div><p class="heading">文章</p><a href="/blog/archives"><p class="title">44</p></a></div></div><div class="level-item has-text-centered is-marginless"><div><p class="heading">分类</p><a href="/blog/categories"><p class="title">10</p></a></div></div><div class="level-item has-text-centered is-marginless"><div><p class="heading">标签</p><a href="/blog/tags"><p class="title">12</p></a></div></div></nav><div class="level"><a class="level-item button is-primary is-rounded" href="https://github.com/handsomeleft" target="_blank" rel="noopener">关注我</a></div><div class="level is-mobile is-multiline"><a class="level-item button is-transparent is-marginless" target="_blank" rel="noopener" title="Github" href="https://github.com/HandsomeLeft"><i class="fab fa-github"></i></a><a class="level-item button is-transparent is-marginless" target="_blank" rel="noopener" title="Weibo" href="/blog/"><i class="fab fa-weibo"></i></a><a class="level-item button is-transparent is-marginless" target="_blank" rel="noopener" title="WeiXin" href="/blog/"><i class="fab fa-weixin"></i></a></div></div></div><!--!--><div class="card widget" data-type="links"><div class="card-content"><div class="menu"><h3 class="menu-label">链接</h3><ul class="menu-list"><li><a class="level is-mobile" href="https://hexo.io" target="_blank" rel="noopener"><span class="level-left"><span class="level-item">Hexo</span></span><span class="level-right"><span class="level-item tag">hexo.io</span></span></a></li><li><a class="level is-mobile" href="http://ceaser.fun" target="_blank" rel="noopener"><span class="level-left"><span class="level-item">Ceaser全家桶</span></span><span class="level-right"><span class="level-item tag">ceaser.fun</span></span></a></li><li><a class="level is-mobile" href="http://chenCeaser.usa3v.cn/" target="_blank" rel="noopener"><span class="level-left"><span class="level-item">陈氏集团</span></span><span class="level-right"><span class="level-item tag">chenceaser.usa3v.cn</span></span></a></li></ul></div></div></div><div class="card widget" data-type="categories"><div class="card-content"><div class="menu"><h3 class="menu-label">分类</h3><ul class="menu-list"><li><a class="level is-mobile" href="/blog/categories/ES6/"><span class="level-start"><span class="level-item">ES6</span></span><span class="level-end"><span class="level-item tag">17</span></span></a></li><li><a class="level is-mobile" href="/blog/categories/Express/"><span class="level-start"><span class="level-item">Express</span></span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-mobile" href="/blog/categories/Node-js/"><span class="level-start"><span class="level-item">Node.js</span></span><span class="level-end"><span class="level-item tag">7</span></span></a></li><li><a class="level is-mobile" href="/blog/categories/TypeScript/"><span class="level-start"><span class="level-item">TypeScript</span></span><span class="level-end"><span class="level-item tag">4</span></span></a></li><li><a class="level is-mobile" href="/blog/categories/Vue-js/"><span class="level-start"><span class="level-item">Vue.js</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile" href="/blog/categories/%E5%89%8D%E7%AB%AF/"><span class="level-start"><span class="level-item">前端</span></span><span class="level-end"><span class="level-item tag">28</span></span></a></li><li><a class="level is-mobile" href="/blog/categories/%E6%95%B0%E6%8D%AE%E5%BA%93/"><span class="level-start"><span class="level-item">数据库</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile" href="/blog/categories/%E7%94%9F%E6%B4%BB/"><span class="level-start"><span class="level-item">生活</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-mobile" href="/blog/categories/%E8%8B%B1%E8%AF%AD/"><span class="level-start"><span class="level-item">英语</span></span><span class="level-end"><span class="level-item tag">7</span></span></a></li><li><a class="level is-mobile" href="/blog/categories/%E9%A1%B9%E7%9B%AE%E5%BC%80%E5%8F%91/"><span class="level-start"><span class="level-item">项目开发</span></span><span class="level-end"><span class="level-item tag">1</span></span></a></li></ul></div></div></div><div class="card widget" data-type="archives"><div class="card-content"><div class="menu"><h3 class="menu-label">归档</h3><ul class="menu-list"><li><a class="level is-mobile" href="/blog/archives/2022/08/"><span class="level-start"><span class="level-item">八月 2022</span></span><span class="level-end"><span class="level-item tag">7</span></span></a></li><li><a class="level is-mobile" href="/blog/archives/2022/07/"><span class="level-start"><span class="level-item">七月 2022</span></span><span class="level-end"><span class="level-item tag">9</span></span></a></li><li><a class="level is-mobile" href="/blog/archives/2022/06/"><span class="level-start"><span class="level-item">六月 2022</span></span><span class="level-end"><span class="level-item tag">10</span></span></a></li><li><a class="level is-mobile" href="/blog/archives/2022/05/"><span class="level-start"><span class="level-item">五月 2022</span></span><span class="level-end"><span class="level-item tag">10</span></span></a></li><li><a class="level is-mobile" href="/blog/archives/2022/04/"><span class="level-start"><span class="level-item">四月 2022</span></span><span class="level-end"><span class="level-item tag">8</span></span></a></li></ul></div></div></div><div class="card widget" data-type="tags"><div class="card-content"><div class="menu"><h3 class="menu-label">标签</h3><div class="field is-grouped is-grouped-multiline"><div class="control"><a class="tags has-addons" href="/blog/tags/CET4/"><span class="tag">CET4</span><span class="tag">7</span></a></div><div class="control"><a class="tags has-addons" href="/blog/tags/ES6/"><span class="tag">ES6</span><span class="tag">17</span></a></div><div class="control"><a class="tags has-addons" href="/blog/tags/Express/"><span class="tag">Express</span><span class="tag">2</span></a></div><div class="control"><a class="tags has-addons" href="/blog/tags/Node-js/"><span class="tag">Node.js</span><span class="tag">7</span></a></div><div class="control"><a class="tags has-addons" href="/blog/tags/TypeScript/"><span class="tag">TypeScript</span><span class="tag">4</span></a></div><div class="control"><a class="tags has-addons" href="/blog/tags/Vue/"><span class="tag">Vue</span><span class="tag">4</span></a></div><div class="control"><a class="tags has-addons" href="/blog/tags/Vue-js/"><span class="tag">Vue.js</span><span class="tag">2</span></a></div><div class="control"><a class="tags has-addons" href="/blog/tags/%E5%89%8D%E7%AB%AF/"><span class="tag">前端</span><span class="tag">29</span></a></div><div class="control"><a class="tags has-addons" href="/blog/tags/%E5%A4%8D%E4%B9%A0/"><span class="tag">复习</span><span class="tag">7</span></a></div><div class="control"><a class="tags has-addons" href="/blog/tags/%E6%95%B0%E6%8D%AE%E5%BA%93/"><span class="tag">数据库</span><span class="tag">1</span></a></div><div class="control"><a class="tags has-addons" href="/blog/tags/%E7%94%9F%E6%B4%BB/"><span class="tag">生活</span><span class="tag">1</span></a></div><div class="control"><a class="tags has-addons" href="/blog/tags/%E9%A1%B9%E7%9B%AE%E6%9E%B6%E6%9E%84%E9%85%8D%E7%BD%AE/"><span class="tag">项目架构配置</span><span class="tag">1</span></a></div></div></div></div></div><div class="column-right-shadow is-hidden-widescreen"></div></div><div class="column column-right is-4-tablet is-4-desktop is-3-widescreen is-hidden-touch is-hidden-desktop-only order-3"><div class="card widget" data-type="recent-posts"><div class="card-content"><h3 class="menu-label">最新文章</h3><article class="media"><div class="media-content"><p class="date"><time dateTime="2022-08-19T09:30:56.000Z">2022-08-19</time></p><p class="title"><a href="/blog/2022/08/19/%E5%AD%97%E8%8A%82%E9%9D%92%E8%AE%AD%E8%90%A5%E7%AC%94%E8%AE%B0-8-19-1/">字节青训营笔记.8.19.1</a></p></div></article><article class="media"><div class="media-content"><p class="date"><time dateTime="2022-08-16T11:49:24.000Z">2022-08-16</time></p><p class="title"><a href="/blog/2022/08/16/Javascript%E9%AB%98%E7%BA%A7-8-16-2/">Javascript高级.8.16.2</a></p><p class="categories"><a href="/blog/categories/%E5%89%8D%E7%AB%AF/">前端</a> / <a href="/blog/categories/ES6/">ES6</a></p></div></article><article class="media"><div class="media-content"><p class="date"><time dateTime="2022-08-16T09:16:12.000Z">2022-08-16</time></p><p class="title"><a href="/blog/2022/08/16/%E5%AD%97%E8%8A%82%E9%9D%92%E8%AE%AD%E8%90%A5%E7%AC%94%E8%AE%B0-8-16-1/">字节青训营笔记.8.16.1</a></p></div></article><article class="media"><div class="media-content"><p class="date"><time dateTime="2022-08-14T09:14:51.000Z">2022-08-14</time></p><p class="title"><a href="/blog/2022/08/14/%E5%AD%97%E8%8A%82%E9%9D%92%E8%AE%AD%E8%90%A5%E7%AC%94%E8%AE%B0-8-14-1/">字节青训营笔记.8.14.1</a></p></div></article><article class="media"><div class="media-content"><p class="date"><time dateTime="2022-08-12T11:28:27.000Z">2022-08-12</time></p><p class="title"><a href="/blog/2022/08/12/%E5%AD%97%E8%8A%82%E9%9D%92%E8%AE%AD%E8%90%A5%E7%AC%94%E8%AE%B0-8-12-1/">字节青训营笔记.8.12.1</a></p></div></article></div></div></div></div></div></section><footer class="footer"><div class="container"><div class="level"><div class="level-start"><a class="footer-logo is-block mb-2" href="/blog/">Ceaser的个人博客</a><p class="is-size-7"><span>© 2022 Ceaser</span> Powered by <a href="https://hexo.io/" target="_blank" rel="noopener">Hexo</a> & <a href="https://github.com/ppoffice/hexo-theme-icarus" target="_blank" rel="noopener">Icarus</a></p></div><div class="level-end"><div class="field has-addons"><p class="control"><a class="button is-transparent is-large" target="_blank" rel="noopener" title="Creative Commons" href="https://creativecommons.org/"><i class="fab fa-creative-commons"></i></a></p><p class="control"><a class="button is-transparent is-large" target="_blank" rel="noopener" title="Attribution 4.0 International" href="https://creativecommons.org/licenses/by/4.0/"><i class="fab fa-creative-commons-by"></i></a></p><p class="control"><a class="button is-transparent is-large" target="_blank" rel="noopener" title="Download on GitHub" href="https://github.com/HandsomeLeft"><i class="fab fa-github"></i></a></p></div></div></div></div></footer><script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/npm/moment@2.22.2/min/moment-with-locales.min.js"></script><script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.4/dist/clipboard.min.js" defer></script><script>moment.locale("zh-CN");</script><script>var IcarusThemeSettings = {
article: {
highlight: {
clipboard: true,
fold: 'unfolded'
}
}
};</script><script src="/blog/js/column.js"></script><script src="/blog/js/animation.js"></script><a id="back-to-top" title="回到顶端" href="javascript:;"><i class="fas fa-chevron-up"></i></a><script src="/blog/js/back_to_top.js" defer></script><!--!--><!--!--><!--!--><script src="https://cdn.jsdelivr.net/npm/cookieconsent@3.1.1/build/cookieconsent.min.js" defer></script><script>window.addEventListener("load", () => {
window.cookieconsent.initialise({
type: "info",
theme: "edgeless",
static: false,
position: "bottom-left",
content: {
message: "此网站使用Cookie来改善您的体验。",
dismiss: "知道了！",
allow: "允许使用Cookie",
deny: "拒绝",
link: "了解更多",
policy: "Cookie政策",
href: "https://www.cookiesandyou.com/",
},
palette: {
popup: {
background: "#edeff5",
text: "#838391"
},
button: {
background: "#4b81e8"
},
},
});
});</script><script src="https://cdn.jsdelivr.net/npm/lightgallery@1.10.0/dist/js/lightgallery.min.js" defer></script><script src="https://cdn.jsdelivr.net/npm/justifiedGallery@3.8.1/dist/js/jquery.justifiedGallery.min.js" defer></script><script>window.addEventListener("load", () => {
if (typeof $.fn.lightGallery === 'function') {
$('.article').lightGallery({ selector: '.gallery-item' });
}
if (typeof $.fn.justifiedGallery === 'function') {
if ($('.justified-gallery > p > .gallery-item').length) {
$('.justified-gallery > p > .gallery-item').unwrap();
}
$('.justified-gallery').justifiedGallery();
}
});</script><!--!--><!--!--><!--!--><!--!--><!--!--><script src="/blog/js/main.js" defer></script><div class="searchbox"><div class="searchbox-container"><div class="searchbox-header"><div class="searchbox-input-container"><input class="searchbox-input" type="text" placeholder="想要查找什么..."></div><a class="searchbox-close" href="javascript:;">×</a></div><div class="searchbox-body"></div></div></div><script src="/blog/js/insight.js" defer></script><script>document.addEventListener('DOMContentLoaded', function () {
loadInsight({"contentUrl":"/blog/content.json"}, {"hint":"想要查找什么...","untitled":"(无标题)","posts":"文章","pages":"页面","categories":"分类","tags":"标签"});
});</script></body></html>