-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
262 lines (232 loc) · 32.8 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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
<!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>Anita-Sun</title><meta name="author" content="Anita-Sun,[email protected]"><meta name="copyright" content="Anita-Sun"><meta name="format-detection" content="telephone=no"><meta name="theme-color" content="#ffffff"><meta http-equiv="Cache-Control" content="no-transform"><meta http-equiv="Cache-Control" content="no-siteapp"><meta name="description" content="家人闲坐，灯火可亲">
<meta property="og:type" content="website">
<meta property="og:title" content="Anita-Sun">
<meta property="og:url" content="http://example.com/index.html">
<meta property="og:site_name" content="Anita-Sun">
<meta property="og:description" content="家人闲坐，灯火可亲">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="https://pic4.zhimg.com/v2-d3a53d8743d03614fe406320825de31f_r.jpg">
<meta property="article:author" content="Anita-Sun">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://pic4.zhimg.com/v2-d3a53d8743d03614fe406320825de31f_r.jpg"><link rel="shortcut icon" href="https://wx3.sinaimg.cn/mw690/cd966a9aly1glr8fihjf0j20i30i3gnc.jpg"><link rel="canonical" href="http://example.com/"><link rel="preconnect" href="//cdn.jsdelivr.net"/><link rel="preconnect" href="//busuanzi.ibruce.info"/><link rel="stylesheet" href="/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'"><script>var GLOBAL_CONFIG = {
root: '/',
algolia: undefined,
localSearch: undefined,
translate: undefined,
noticeOutdate: undefined,
highlight: {"plugin":"highlighjs","highlightCopy":true,"highlightLang":true},
copy: {
success: '复制成功',
error: '复制错误',
noSupport: '浏览器不支持'
},
relativeDate: {
homepage: false,
post: false
},
runtime: '天',
date_suffix: {
just: '刚刚',
min: '分钟前',
hour: '小时前',
day: '天前',
month: '个月前'
},
copyright: undefined,
lightbox: 'fancybox',
Snackbar: undefined,
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: true,
isanchor: true
};
var saveToLocal = {
set: function setWithExpiry(key, value, ttl) {
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
}
}
// https://stackoverflow.com/questions/16839698/jquery-getscript-alternative-in-native-javascript
const 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)
})</script><script id="config_change">var GLOBAL_CONFIG_SITE = {
isPost: false,
isHome: true,
isHighlightShrink: false,
isToc: false,
postUpdate: '2021-01-14 00:13:59'
}</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>(function () { window.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')
}
}
window.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 autoChangeMode = 'false'
const t = saveToLocal.get('theme')
if (autoChangeMode === '1') {
const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches
const isLightMode = window.matchMedia('(prefers-color-scheme: light)').matches
const isNotSpecified = window.matchMedia('(prefers-color-scheme: no-preference)').matches
const hasNoSupport = !isDarkMode && !isLightMode && !isNotSpecified
if (t === undefined) {
if (isLightMode) activateLightMode()
else if (isDarkMode) activateDarkMode()
else if (isNotSpecified || hasNoSupport) {
const now = new Date()
const hour = now.getHours()
const isNight = hour <= 6 || hour >= 18
isNight ? activateDarkMode() : activateLightMode()
}
window.matchMedia('(prefers-color-scheme: dark)').addListener(function (e) {
if (saveToLocal.get('theme') === undefined) {
e.matches ? activateDarkMode() : activateLightMode()
}
})
} else if (t === 'light') activateLightMode()
else activateDarkMode()
} else if (autoChangeMode === '2') {
const now = new Date()
const hour = now.getHours()
const 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()
}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 fontSizeVal = saveToLocal.get('global-font-size')
if (fontSizeVal !== undefined) {
document.documentElement.style.setProperty('--global-font-size', fontSizeVal + 'px')
}})()</script><meta name="generator" content="Hexo 5.2.0"></head><body><div id="sidebar"><div id="menu-mask"></div><div id="sidebar-menus"><div class="author-avatar"><img class="avatar-img" data-lazy-src="https://pic4.zhimg.com/v2-d3a53d8743d03614fe406320825de31f_r.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="/archives/"><div class="headline">文章</div><div class="length-num">5</div></a></div></div><div class="data-item is-center"><div class="data-item-link"><a href="/tags/"><div class="headline">标签</div><div class="length-num">3</div></a></div></div><div class="data-item is-center"><div class="data-item-link"><a href="/categories/"><div class="headline">分类</div><div class="length-num">4</div></a></div></div></div><hr/><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/archives/"><i class="fa-fw fas fa-archive"></i><span> 时间轴</span></a></div><div class="menus_item"><a class="site-page" href="/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></div><div class="menus_item"><a class="site-page" href="javascript:void(0);"><i class="fa-fw fas fa-list"></i><span> 清单</span><i class="fas fa-chevron-down expand"></i></a><ul class="menus_item_child"><li><a class="site-page" href="/music/"><i class="fa-fw fas fa-music"></i><span> 音乐</span></a></li><li><a class="site-page" href="/Gallery/"><i class="fa-fw fas fa-images"></i><span> 照片</span></a></li><li><a class="site-page" href="/movies/"><i class="fa-fw fas fa-video"></i><span> 电影</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw fas fa-link"></i><span> 友链</span></a></div><div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw fas fa-heart"></i><span> 关于</span></a></div></div></div></div><div id="body-wrap"><header class="full_page" id="page-header" style="background-image: url(https://pic2.zhimg.com/v2-62b28935bae875df6b1c95da336b33d0_r.jpg?source=1940ef5c)"><nav id="nav"><span id="blog_name"><a id="site-name" href="/">Anita-Sun</a></span><div id="menus"><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/archives/"><i class="fa-fw fas fa-archive"></i><span> 时间轴</span></a></div><div class="menus_item"><a class="site-page" href="/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></div><div class="menus_item"><a class="site-page" href="javascript:void(0);"><i class="fa-fw fas fa-list"></i><span> 清单</span><i class="fas fa-chevron-down expand"></i></a><ul class="menus_item_child"><li><a class="site-page" href="/music/"><i class="fa-fw fas fa-music"></i><span> 音乐</span></a></li><li><a class="site-page" href="/Gallery/"><i class="fa-fw fas fa-images"></i><span> 照片</span></a></li><li><a class="site-page" href="/movies/"><i class="fa-fw fas fa-video"></i><span> 电影</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw fas fa-link"></i><span> 友链</span></a></div><div class="menus_item"><a class="site-page" href="/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">Anita-Sun</h1><div id="site-subtitle"><span id="subtitle"></span></div><div id="site_social_icons"><a class="social-icon" href="https://github.com/Anita-Mul" target="_blank" title="Github"><i class="fab fa-github"></i></a><a class="social-icon" href="mailto:[email protected]" 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="/2021/01/14/Education%E9%A1%B9%E7%9B%AE%E4%B8%AD%E9%81%87%E5%88%B0%E7%9A%84%E7%9F%A5%E8%AF%86%E7%82%B9/" title="Education项目中遇到的知识点"> <img class="post_bg" data-lazy-src="https://pic2.zhimg.com/80/v2-1a12a3df3c01680470230e9115a53392_720w.jpg?source=1940ef5c" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="Education项目中遇到的知识点"></a></div><div class="recent-post-info"><a class="article-title" href="/2021/01/14/Education%E9%A1%B9%E7%9B%AE%E4%B8%AD%E9%81%87%E5%88%B0%E7%9A%84%E7%9F%A5%E8%AF%86%E7%82%B9/" title="Education项目中遇到的知识点">Education项目中遇到的知识点</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 datetime="2021-01-13T16:02:51.000Z" title="发表于 2021-01-14 00:02:51">2021-01-14</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/Node-js%E9%A1%B9%E7%9B%AE/">Node.js项目</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/Node-js%E9%A1%B9%E7%9B%AE/">Node.js项目</a></span></div><div class="content">
Babel 转码器
Babel可以将ES6代码转化为ES5代码 安装Babel：$ npm install --save-dev @babel/core
配置文件.babelrc 放在项目的根目录下，该文件用来设置转码规则和插件，格式如下：
1234{ "parents": [], "plugins": []}
presets字段设定转码规则，官方提供以下的规则集，你可以根据需要安装。
12345# 最新转码规则$ npm install --save-dev @babel/preset-env# react 转码规则$ npm install --save-dev @babel/preset-react
然后，将这些规则加入.babelrc
12345678{ "presets": [ //书写转码规则的后缀 "@babel/env", "@babel/pres ...</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/12/21/%E5%B0%8F%E5%9E%8B%E6%A1%88%E4%BE%8B-%E5%AD%A6%E7%94%9F%E6%A1%A3%E6%A1%88%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F/" title="小型案例-学生案例管理系统"> <img class="post_bg" data-lazy-src="https://pic1.zhimg.com/80/v2-64968aa7265b5aeee02e3d7753c6d695_720w.jpg?source=1940ef5c" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="小型案例-学生案例管理系统"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/12/21/%E5%B0%8F%E5%9E%8B%E6%A1%88%E4%BE%8B-%E5%AD%A6%E7%94%9F%E6%A1%A3%E6%A1%88%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F/" 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 datetime="2020-12-21T06:41:07.000Z" title="发表于 2020-12-21 14:41:07">2020-12-21</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/Node-js%E9%A1%B9%E7%9B%AE/">Node.js项目</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/Node-js%E9%A1%B9%E7%9B%AE/">Node.js项目</a></span></div><div class="content">目录结构
需要导入的模块
http
12345const http = require('http');const app = http.createServer();app.on('request', (req, res) => { }); app.listen(80);
path
12345const path = require('path');//可以将路径进行拼接path.join([path1][, path2][, ...])//上一级目录的名称__dirname
art-templateart-template使用方法
querystring
1234567const querystring = require('querystring');//querystring.parse() 方法将 URL 查询字符串 str 解析为键值对的集合。//例如，查询字符串 'foo=bar&abc=xyz&abc=123' 会 ...</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/12/18/Node.js%E5%BC%80%E5%8F%91%E6%8C%87%E5%8D%97-%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/" title="Node.js开发指南-读书笔记"> <img class="post_bg" data-lazy-src="https://pic4.zhimg.com/v2-c4bfece83c14e91416b8101768e0ac58_r.jpg?source=1940ef5c" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="Node.js开发指南-读书笔记"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/12/18/Node.js%E5%BC%80%E5%8F%91%E6%8C%87%E5%8D%97-%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/" title="Node.js开发指南-读书笔记">Node.js开发指南-读书笔记</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 datetime="2020-12-18T12:13:51.000Z" title="发表于 2020-12-18 20:13:51">2020-12-18</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/Node-js%E4%B9%A6%E7%B1%8D/">Node.js书籍</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/Node-js/">Node.js</a></span></div><div class="content">第一章 Node.js简介
Node.js是什么
Node.js 是一个让 JavaScript 运行在服务端的开发平台。
Node.js 中所谓的 JavaScript 只是 Core JavaScript，或者说是 ECMAScript 的一个实现，不包含 DOM、BOM 或者 Client JavaScript。这是因为 Node.js 不运行在浏览器中，所以不需要使用浏览器中的许多特性。
Node.js 的 JavaScript 引擎是 V8
Node.js能做什么
Node.js 内建了 HTTP 服务器支持，也就是说你可以轻而易举地实现一个网站和服务器的组合。这和 PHP、Perl 不一样，因为在使用 PHP 的时候，必须先搭建一个 Apache 之类的4 第1章 Node.js简介HTTP 服务器，然后通过 HTTP 服务器的模块加载或 CGI 调用，才能将 PHP 脚本的执行结果呈现给用户。而当你使用 Node.js 时，不用额外搭建一个 HTTP 服务器，因为 Node.js 本身就内建了一个。这个服务器不仅可以用来调试代码，而且它本身就可以部署到产品环境， ...</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/12/17/%E6%A8%A1%E5%9D%97%E7%AE%80%E4%BB%8B/" title="模块简介"> <img class="post_bg" data-lazy-src="https://pic2.zhimg.com/v2-bb68461ee3d2ce71a34823b69e2abb56_r.jpg?source=1940ef5c" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="模块简介"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/12/17/%E6%A8%A1%E5%9D%97%E7%AE%80%E4%BB%8B/" 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 datetime="2020-12-17T14:32:51.000Z" title="发表于 2020-12-17 22:32:51">2020-12-17</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/Javascript-%E7%9F%A5%E8%AF%86%E7%82%B9%EF%BC%88%E6%BA%90%E4%BA%8E%E5%8D%9A%E5%AE%A2%E5%92%8C%E4%B8%80%E4%BA%9B%E4%B9%A6%E7%B1%8D%EF%BC%89/">Javascript 知识点（源于博客和一些书籍）</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/Javascript/">Javascript</a></span></div><div class="content">什么是模块
一个模块就是一个文件，一个脚本就是一个模块
模块之间可以相互加载
export 关键字标记了可以从当前模块外部访问的变量和函数。
import 关键字允许从其他模块导入功能。
1234// 📁 sayHi.jsexport function sayHi(user) { alert(`Hello, ${user}!`);}
1234567// 📁 main.html<!doctype html><script type="module"> import {sayHi} from './say.js'; document.body.innerHTML = sayHi('John');</script>
核心模块功能
始终使用”use strict”
模块级作用域：每个模块都有自己独立的作用域 hello.js 尝试使用在 user.js 中声明的变量 user，失败了：1234#index.html< ...</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/12/16/%E7%AE%80%E5%8D%95%E5%AE%9E%E7%8E%B0Promise%E6%A0%B8%E5%BF%83%E4%BB%A3%E7%A0%81/" title="简单实现Promise核心代码"> <img class="post_bg" data-lazy-src="https://pic2.zhimg.com/v2-e89031552ef169f540fb7ffb2112669c_r.jpg?source=1940ef5c" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="简单实现Promise核心代码"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/12/16/%E7%AE%80%E5%8D%95%E5%AE%9E%E7%8E%B0Promise%E6%A0%B8%E5%BF%83%E4%BB%A3%E7%A0%81/" title="简单实现Promise核心代码">简单实现Promise核心代码</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 datetime="2020-12-16T15:46:51.000Z" title="发表于 2020-12-16 23:46:51">2020-12-16</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/Javascript-%E7%9F%A5%E8%AF%86%E7%82%B9%EF%BC%88%E8%87%AA%E5%B7%B1%E7%9A%84%E4%B8%80%E4%BA%9B%E7%90%86%E8%A7%A3%E5%92%8C%E6%80%9D%E8%80%83%EF%BC%89/">Javascript 知识点（自己的一些理解和思考）</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/Javascript/">Javascript</a></span></div><div class="content">
假设自定义Promise类名为HD
首先定义HD中的三种状态：pending、fulfilled、rejected
12345class HD { static PENDING = "pending"; static FULFILLED = "fulfilled"; static REJECTED = "rejected";}
接着咱们来写HD中的构造函数
首先来看一下是如何创建一个HD对象的123456789const myFirstPromise = new Promise((resolve, reject) => { // 做一些异步操作，最终会调用下面两者之一（任务完成之后的回调函数）: //将任务结果通过调用resolve函数或reject函数包装成一个Promise对象 // resolve(someValue); // fulfilled // 或 // reject("failure reason" ...</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="card-content"><div class="card-info-avatar is-center"><img class="avatar-img" data-lazy-src="https://pic4.zhimg.com/v2-d3a53d8743d03614fe406320825de31f_r.jpg" onerror="this.onerror=null;this.src='/img/friend_404.gif'" alt="avatar"/><div class="author-info__name">Anita-Sun</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">文章</div><div class="length-num">5</div></a></div><div class="card-info-data-item is-center"><a href="/tags/"><div class="headline">标签</div><div class="length-num">3</div></a></div><div class="card-info-data-item is-center"><a href="/categories/"><div class="headline">分类</div><div class="length-num">4</div></a></div></div><a class="button--animated" id="card-info-btn" target="_blank" rel="noopener" href="https://github.com/Anita-Mul"><i class="fab fa-github"></i><span>Follow Me</span></a><div class="card-info-social-icons is-center"><a class="social-icon" href="https://github.com/Anita-Mul" target="_blank" title="Github"><i class="fab fa-github"></i></a><a class="social-icon" href="mailto:[email protected]" target="_blank" title="Email"><i class="fas fa-envelope"></i></a></div></div></div><div class="sticky_layout"><div class="card-widget card-recent-post"><div class="card-content"><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="/2021/01/14/Education%E9%A1%B9%E7%9B%AE%E4%B8%AD%E9%81%87%E5%88%B0%E7%9A%84%E7%9F%A5%E8%AF%86%E7%82%B9/" title="Education项目中遇到的知识点"><img data-lazy-src="https://pic2.zhimg.com/80/v2-1a12a3df3c01680470230e9115a53392_720w.jpg?source=1940ef5c" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="Education项目中遇到的知识点"/></a><div class="content"><a class="title" href="/2021/01/14/Education%E9%A1%B9%E7%9B%AE%E4%B8%AD%E9%81%87%E5%88%B0%E7%9A%84%E7%9F%A5%E8%AF%86%E7%82%B9/" title="Education项目中遇到的知识点">Education项目中遇到的知识点</a><time datetime="2021-01-13T16:02:51.000Z" title="发表于 2021-01-14 00:02:51">2021-01-14</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2020/12/21/%E5%B0%8F%E5%9E%8B%E6%A1%88%E4%BE%8B-%E5%AD%A6%E7%94%9F%E6%A1%A3%E6%A1%88%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F/" title="小型案例-学生案例管理系统"><img data-lazy-src="https://pic1.zhimg.com/80/v2-64968aa7265b5aeee02e3d7753c6d695_720w.jpg?source=1940ef5c" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="小型案例-学生案例管理系统"/></a><div class="content"><a class="title" href="/2020/12/21/%E5%B0%8F%E5%9E%8B%E6%A1%88%E4%BE%8B-%E5%AD%A6%E7%94%9F%E6%A1%A3%E6%A1%88%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F/" title="小型案例-学生案例管理系统">小型案例-学生案例管理系统</a><time datetime="2020-12-21T06:41:07.000Z" title="发表于 2020-12-21 14:41:07">2020-12-21</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2020/12/18/Node.js%E5%BC%80%E5%8F%91%E6%8C%87%E5%8D%97-%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/" title="Node.js开发指南-读书笔记"><img data-lazy-src="https://pic4.zhimg.com/v2-c4bfece83c14e91416b8101768e0ac58_r.jpg?source=1940ef5c" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="Node.js开发指南-读书笔记"/></a><div class="content"><a class="title" href="/2020/12/18/Node.js%E5%BC%80%E5%8F%91%E6%8C%87%E5%8D%97-%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/" title="Node.js开发指南-读书笔记">Node.js开发指南-读书笔记</a><time datetime="2020-12-18T12:13:51.000Z" title="发表于 2020-12-18 20:13:51">2020-12-18</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2020/12/17/%E6%A8%A1%E5%9D%97%E7%AE%80%E4%BB%8B/" title="模块简介"><img data-lazy-src="https://pic2.zhimg.com/v2-bb68461ee3d2ce71a34823b69e2abb56_r.jpg?source=1940ef5c" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="模块简介"/></a><div class="content"><a class="title" href="/2020/12/17/%E6%A8%A1%E5%9D%97%E7%AE%80%E4%BB%8B/" title="模块简介">模块简介</a><time datetime="2020-12-17T14:32:51.000Z" title="发表于 2020-12-17 22:32:51">2020-12-17</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2020/12/16/%E7%AE%80%E5%8D%95%E5%AE%9E%E7%8E%B0Promise%E6%A0%B8%E5%BF%83%E4%BB%A3%E7%A0%81/" title="简单实现Promise核心代码"><img data-lazy-src="https://pic2.zhimg.com/v2-e89031552ef169f540fb7ffb2112669c_r.jpg?source=1940ef5c" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="简单实现Promise核心代码"/></a><div class="content"><a class="title" href="/2020/12/16/%E7%AE%80%E5%8D%95%E5%AE%9E%E7%8E%B0Promise%E6%A0%B8%E5%BF%83%E4%BB%A3%E7%A0%81/" title="简单实现Promise核心代码">简单实现Promise核心代码</a><time datetime="2020-12-16T15:46:51.000Z" title="发表于 2020-12-16 23:46:51">2020-12-16</time></div></div></div></div></div><div class="card-widget" id="card-newest-comments"><div class="card-content"><div class="item-headline"><i class="fas fa-bolt"></i><span>最新评论</span></div><div class="aside-list"><span>正在加载中...</span></div></div></div><div class="card-widget card-categories"><div class="card-content"><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="/categories/Javascript-%E7%9F%A5%E8%AF%86%E7%82%B9%EF%BC%88%E6%BA%90%E4%BA%8E%E5%8D%9A%E5%AE%A2%E5%92%8C%E4%B8%80%E4%BA%9B%E4%B9%A6%E7%B1%8D%EF%BC%89/"><span class="card-category-list-name">Javascript 知识点（源于博客和一些书籍）</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/Javascript-%E7%9F%A5%E8%AF%86%E7%82%B9%EF%BC%88%E8%87%AA%E5%B7%B1%E7%9A%84%E4%B8%80%E4%BA%9B%E7%90%86%E8%A7%A3%E5%92%8C%E6%80%9D%E8%80%83%EF%BC%89/"><span class="card-category-list-name">Javascript 知识点（自己的一些理解和思考）</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/Node-js%E4%B9%A6%E7%B1%8D/"><span class="card-category-list-name">Node.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/Node-js%E9%A1%B9%E7%9B%AE/"><span class="card-category-list-name">Node.js项目</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="fas fa-tags"></i><span>标签</span></div><div class="card-tag-cloud"><a href="/tags/Javascript/" style="font-size: 1.5em; color: #99a9bf">Javascript</a> <a href="/tags/Node-js/" style="font-size: 1.1em; color: #999">Node.js</a> <a href="/tags/Node-js%E9%A1%B9%E7%9B%AE/" style="font-size: 1.5em; color: #99a9bf">Node.js项目</a></div></div></div><div class="card-widget card-archives"><div class="card-content"><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="/archives/2021/01/"><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="/archives/2020/12/"><span class="card-archive-list-date">十二月 2020</span><span class="card-archive-list-count">4</span></a></li></ul></div></div><div class="card-widget card-webinfo"><div class="card-content"><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">5</div></div><div class="webinfo-item"><div class="item-name">已运行时间 :</div><div class="item-count" id="runtimeshow" data-publishDate="2020-12-07T16:00:00.000Z"></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-01-13T16:13:59.507Z"></div></div></div></div></div></div></div></main><footer id="footer"><div id="footer-wrap"><div class="copyright">©2020 - 2021 By Anita-Sun</div><div class="footer_custom_text">Hi, welcome to my <a target="_blank" rel="noopener" href="https://anita-mul.github.io/">blog</a>!</div></div></footer></div><div id="rightside"><div id="rightside-config-hide"><button id="font-plus" type="button" title="放大字体"><i class="fas fa-plus"></i></button><button id="font-minus" type="button" title="缩小字体"><i class="fas fa-minus"></i></button><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><script src="/js/utils.js"></script><script src="/js/main.js"></script><script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload/dist/lazyload.iife.min.js"></script><div class="js-pjax"><script>function subtitleType () {
if (true) {
var typed = new Typed("#subtitle", {
strings: "生若夏花之灿烂,死若秋叶之静美,Let life be beautiful like summer flowers and death like autumn leaves".split(","),
startDelay: 300,
typeSpeed: 150,
loop: true,
backSpeed: 50
})
} else {
document.getElementById("subtitle").innerHTML = '生若夏花之灿烂,死若秋叶之静美'
}
}
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><script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script></div></div></body></html>