-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
441 lines (255 loc) · 11.6 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
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Sunny</title>
<meta name="description" content="Sunny">
<meta name="keywords" content="">
<meta property="og:type" content="website"/>
<meta property="og:title" content=""/>
<meta property="og:description" content=""/>
<meta property="og:locale" content="en" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://example.com/index.html" />
<meta property="og:site_name" content="Sunny" />
<meta property="article:publisher" content="" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"name": "",
"description": "",
"publisher": {
"@type": "Organization",
"name": "Sunny"
},
}
</script>
<link rel="stylesheet" href="/dist/build.css?v=1654266144177.css">
<link rel="stylesheet" href="/dist/custom.css?v=1654266144177.css">
<script>
window.isPost = false
window.aomori = {
}
window.aomori_logo_typed_animated = false
window.aomori_search_algolia = false
</script>
<meta name="generator" content="Hexo 7.2.0"></head>
<body>
<div class="container">
<header class="header">
<div class="header-type">
<div class="header-type-inner">
<a class="header-type-title" href="/">Sunny</a>
</div>
</div>
<div class="header-menu">
<div class="header-menu-inner">
</div>
<div class="header-menu-social">
</div>
</div>
<div class="header-menu-mobile">
<div class="header-menu-mobile-inner" id="mobile-menu-open">
<i class="icon icon-menu"></i>
</div>
</div>
</header>
<div class="header-menu-mobile-menu">
<div class="header-menu-mobile-menu-bg"></div>
<div class="header-menu-mobile-menu-wrap">
<div class="header-menu-mobile-menu-inner">
<div class="header-menu-mobile-menu-close" id="mobile-menu-close">
<i class="icon icon-cross"></i>
</div>
<div class="header-menu-mobile-menu-list">
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="main">
<section class="inner">
<section class="inner-main">
<div class="index">
<article
id="post-html/common-tags"
class="article article-type-post"
>
<div class="article-inner">
<div class="article-body">
<header class="article-title">
<a href="/2024/04/23/html/common-tags/">HTML 标签</a>
</header>
<div class="article-entry post-inner-html">
<p>HTML(Hypertext Markup Language)是用于创建网页的标准标记语言。它描述了网页的结构,通过使用各种标签和属性来定义网页上的各种元素和内容。</p>
<h2 id="常用的-HTML-标签"><a href="#常用的-HTML-标签" class="headerlink" title="常用的 HTML 标签"></a>常用的 HTML 标签</h2><ul>
<li><code><p></code>:定义段落。</li>
<li><code><a></code>:定义链接。</li>
<li><code><img></code>:插入图片。</li>
</ul>
</div>
</div>
<div class="article-badge">
</div>
</div>
<footer class="article-footer">
<div class="article-more-info">
<div class="article-date">
<time datetime="2024-04-22T16:00:00.000Z" itemprop="datePublished">2024-04-23</time>
</div>
<div class="article-category">
<a class="article-category-link" href="/categories/html/">html</a>
</div>
</div>
</footer>
</article>
<article
id="post-css/common-css"
class="article article-type-post"
>
<div class="article-inner">
<div class="article-body">
<header class="article-title">
<a href="/2024/04/23/css/common-css/">常用css属性</a>
</header>
<div class="article-entry post-inner-html">
<p>CSS(Cascading Style Sheets)是用于样式化网页的样式表语言。它定义了网页元素的外观和布局,使得网页可以更具吸引力和易读性。以下是一份 CSS 大全,包含了各种 CSS 属性及其用法:</p>
<h2 id="文本样式"><a href="#文本样式" class="headerlink" title="文本样式"></a>文本样式</h2><ul>
<li>color:定义文本颜色。</li>
<li>font-family:定义字体系列。</li>
<li>font-size:定义字体大小。</li>
</ul>
</div>
</div>
<div class="article-badge">
</div>
</div>
<footer class="article-footer">
<div class="article-more-info">
<div class="article-date">
<time datetime="2024-04-22T16:00:00.000Z" itemprop="datePublished">2024-04-23</time>
</div>
<div class="article-category">
<a class="article-category-link" href="/categories/css/">css</a>
</div>
</div>
</footer>
</article>
<article
id="post-javascript/advanced-series/execution-context"
class="article article-type-post"
>
<div class="article-inner">
<div class="article-body">
<header class="article-title">
<a href="/2024/04/05/javascript/advanced-series/execution-context/">执行上下文+变量对象</a>
</header>
<div class="article-entry post-inner-html">
<blockquote>
<p>在看这篇文章之前,请确保堆内存空间有一定的理解</p>
</blockquote>
<h2 id="JavaScript是如何被执行的"><a href="#JavaScript是如何被执行的" class="headerlink" title="JavaScript是如何被执行的"></a>JavaScript是如何被执行的</h2><p>你或许不知道,浏览器并不理解我们在应用中编写的高级JavaScript代码。代码需要被转换成浏览器和计算机能够理解的格式——机器码。<br>浏览器在读取HTML时,如果遇到了<code><script></code> 标签或包含JavaScript代码的属性如onClick,会发送给JavaScript引擎。<br>浏览器的JavaScript引擎会创造一个特殊的环境来处理这些JavaScript代码的转换和执行。这个特殊的环境被称为<code>执行上下文</code>。</p>
</div>
</div>
<div class="article-badge">
</div>
</div>
<footer class="article-footer">
<div class="article-more-info">
<div class="article-date">
<time datetime="2024-04-04T16:00:00.000Z" itemprop="datePublished">2024-04-05</time>
</div>
<div class="article-category">
<a class="article-category-link" href="/categories/%E5%9F%BA%E7%A1%80%E8%BF%9B%E9%98%B6%E7%B3%BB%E5%88%97/">基础进阶系列</a>
</div>
<div class="article-tag">
<ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/javaScript/" rel="tag">javaScript</a></li></ul>
</div>
</div>
</footer>
</article>
<article
id="post-javascript/advanced-series/memory-space"
class="article article-type-post"
>
<div class="article-inner">
<div class="article-body">
<header class="article-title">
<a href="/2024/04/05/javascript/advanced-series/memory-space/">內存空间+垃圾回收机制</a>
</header>
<div class="article-entry post-inner-html">
<p>JavaScript 是在创建变量(对象,字符串等)时自动进行了分配内存,并且在不使用它们时“自动”释放。释放的过程称为垃圾回收。这个“自动”是混乱的根源,并让 JavaScript(和其他高级语言)开发者错误的感觉他们可以不关心内存管理。</p>
<p>在学习内存空间之前,我们需要对三种数据结构有一个直观的认知。他们分别是<code>栈(stack)</code>,<code>堆(heap)</code>与队列<code>(queue)</code>。</p>
</div>
</div>
<div class="article-badge">
</div>
</div>
<footer class="article-footer">
<div class="article-more-info">
<div class="article-date">
<time datetime="2024-04-04T16:00:00.000Z" itemprop="datePublished">2024-04-05</time>
</div>
<div class="article-category">
<a class="article-category-link" href="/categories/%E5%9F%BA%E7%A1%80%E8%BF%9B%E9%98%B6%E7%B3%BB%E5%88%97/">基础进阶系列</a>
</div>
<div class="article-tag">
<ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/javaScript/" rel="tag">javaScript</a></li></ul>
</div>
</div>
</footer>
</article>
</div>
</section>
</section>
<aside class="sidebar ">
<div class="widget" id="widget">
<div class="widget-wrap widget-cate">
<div class="widget-title"><span>Categories</span></div>
<div class="widget-inner">
<ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/css/">css</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/html/">html</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%9F%BA%E7%A1%80%E8%BF%9B%E9%98%B6%E7%B3%BB%E5%88%97/">基础进阶系列</a></li></ul>
</div>
</div>
<div class="widget-wrap widget-tags">
<div class="widget-title"><span>Tags</span></div>
<div class="widget-inner">
<ul class="tag-list" itemprop="keywords"><li class="tag-list-item"><a class="tag-list-link" href="/tags/javaScript/" rel="tag">javaScript</a></li></ul>
</div>
</div>
<div class="widget-wrap widget-recent-posts">
<div class="widget-title"><span>Recent Posts</span></div>
<div class="widget-inner">
<ul>
<li>
<a href="/2024/04/23/html/common-tags/">HTML 标签</a>
</li>
<li>
<a href="/2024/04/23/css/common-css/">常用css属性</a>
</li>
<li>
<a href="/2024/04/05/javascript/advanced-series/execution-context/">执行上下文+变量对象</a>
</li>
<li>
<a href="/2024/04/05/javascript/advanced-series/memory-space/">內存空间+垃圾回收机制</a>
</li>
</ul>
</div>
</div>
</div>
<div id="backtop"><i class="icon icon-arrow-up"></i></div>
</aside>
</div>
</div>
<footer class="footer">
<div class="footer-wave">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#3c4859" fill-opacity="1" d="M0,160L60,181.3C120,203,240,245,360,240C480,235,600,181,720,186.7C840,192,960,256,1080,261.3C1200,267,1320,213,1380,186.7L1440,160L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"></path></svg>
</div>
</footer>
<script type="module" src="https://unpkg.com/ionicons@6.0.2/dist/ionicons/ionicons.esm.js"></script>
<script src="/dist/build.js?1654266144177.js"></script>
<script src="/dist/custom.js?1654266144177.js"></script>
</body>
</html>