-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
334 lines (333 loc) · 40.4 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>初见的博客</title>
<meta name="generator" content="VuePress 1.9.10">
<link rel="icon" href="/myblog/logo.png">
<meta name="description" content="有志者，事竟成，破釜沉舟，百二秦关终属楚。">
<link rel="preload" href="/myblog/assets/css/0.styles.08f35963.css" as="style"><link rel="preload" href="/myblog/assets/js/app.7df1fa56.js" as="script"><link rel="preload" href="/myblog/assets/js/7.8d17ee5e.js" as="script"><link rel="preload" href="/myblog/assets/js/2.e73532cd.js" as="script"><link rel="preload" href="/myblog/assets/js/1.74d3146f.js" as="script"><link rel="preload" href="/myblog/assets/js/41.4b6e6af3.js" as="script"><link rel="prefetch" href="/myblog/assets/js/10.313be986.js"><link rel="prefetch" href="/myblog/assets/js/100.cfd23618.js"><link rel="prefetch" href="/myblog/assets/js/101.d40e93f9.js"><link rel="prefetch" href="/myblog/assets/js/102.f84f0a4b.js"><link rel="prefetch" href="/myblog/assets/js/103.89919374.js"><link rel="prefetch" href="/myblog/assets/js/11.5dd415fb.js"><link rel="prefetch" href="/myblog/assets/js/14.9dc64561.js"><link rel="prefetch" href="/myblog/assets/js/15.fcb98772.js"><link rel="prefetch" href="/myblog/assets/js/16.feb15059.js"><link rel="prefetch" href="/myblog/assets/js/17.a6a18900.js"><link rel="prefetch" href="/myblog/assets/js/18.6598ee33.js"><link rel="prefetch" href="/myblog/assets/js/19.7d21c2a4.js"><link rel="prefetch" href="/myblog/assets/js/20.9e7dadae.js"><link rel="prefetch" href="/myblog/assets/js/21.2c90b4cf.js"><link rel="prefetch" href="/myblog/assets/js/22.c3721e9d.js"><link rel="prefetch" href="/myblog/assets/js/23.aa2f047e.js"><link rel="prefetch" href="/myblog/assets/js/24.23ace95e.js"><link rel="prefetch" href="/myblog/assets/js/25.a155f2a3.js"><link rel="prefetch" href="/myblog/assets/js/26.025b4c51.js"><link rel="prefetch" href="/myblog/assets/js/27.29617493.js"><link rel="prefetch" href="/myblog/assets/js/28.0d31f6aa.js"><link rel="prefetch" href="/myblog/assets/js/29.877a6b5c.js"><link rel="prefetch" href="/myblog/assets/js/3.ce235bdf.js"><link rel="prefetch" href="/myblog/assets/js/30.6b4951fa.js"><link rel="prefetch" href="/myblog/assets/js/31.6e60cea1.js"><link rel="prefetch" href="/myblog/assets/js/32.a5c558d2.js"><link rel="prefetch" href="/myblog/assets/js/33.270d0047.js"><link rel="prefetch" href="/myblog/assets/js/34.ce57c764.js"><link rel="prefetch" href="/myblog/assets/js/35.5b94dcd3.js"><link rel="prefetch" href="/myblog/assets/js/36.21eb5999.js"><link rel="prefetch" href="/myblog/assets/js/37.57550c3a.js"><link rel="prefetch" href="/myblog/assets/js/38.8fbe4938.js"><link rel="prefetch" href="/myblog/assets/js/39.933cb18a.js"><link rel="prefetch" href="/myblog/assets/js/4.cc239dbc.js"><link rel="prefetch" href="/myblog/assets/js/40.fa7fd974.js"><link rel="prefetch" href="/myblog/assets/js/42.c32999d2.js"><link rel="prefetch" href="/myblog/assets/js/43.3e62cb76.js"><link rel="prefetch" href="/myblog/assets/js/44.d20cc116.js"><link rel="prefetch" href="/myblog/assets/js/45.44c54ac7.js"><link rel="prefetch" href="/myblog/assets/js/46.2ef6b0d0.js"><link rel="prefetch" href="/myblog/assets/js/47.413418bf.js"><link rel="prefetch" href="/myblog/assets/js/48.1214953f.js"><link rel="prefetch" href="/myblog/assets/js/49.13b80c1c.js"><link rel="prefetch" href="/myblog/assets/js/5.d84a7528.js"><link rel="prefetch" href="/myblog/assets/js/50.c74f93df.js"><link rel="prefetch" href="/myblog/assets/js/51.27b2c6b8.js"><link rel="prefetch" href="/myblog/assets/js/52.8d8d4dd4.js"><link rel="prefetch" href="/myblog/assets/js/53.f405f759.js"><link rel="prefetch" href="/myblog/assets/js/54.4eba64e0.js"><link rel="prefetch" href="/myblog/assets/js/55.d9453076.js"><link rel="prefetch" href="/myblog/assets/js/56.6032c85c.js"><link rel="prefetch" href="/myblog/assets/js/57.5a19091f.js"><link rel="prefetch" href="/myblog/assets/js/58.cb6b907c.js"><link rel="prefetch" href="/myblog/assets/js/59.dd387396.js"><link rel="prefetch" href="/myblog/assets/js/6.1ac8b290.js"><link rel="prefetch" href="/myblog/assets/js/60.18be5f3c.js"><link rel="prefetch" href="/myblog/assets/js/61.30924c92.js"><link rel="prefetch" href="/myblog/assets/js/62.946e1de0.js"><link rel="prefetch" href="/myblog/assets/js/63.8090542e.js"><link rel="prefetch" href="/myblog/assets/js/64.3abf10c6.js"><link rel="prefetch" href="/myblog/assets/js/65.9ab2a299.js"><link rel="prefetch" href="/myblog/assets/js/66.b6b43e65.js"><link rel="prefetch" href="/myblog/assets/js/67.f0cebfd8.js"><link rel="prefetch" href="/myblog/assets/js/68.cfc10be2.js"><link rel="prefetch" href="/myblog/assets/js/69.b2ae5cb8.js"><link rel="prefetch" href="/myblog/assets/js/70.10f6b861.js"><link rel="prefetch" href="/myblog/assets/js/71.1d40db97.js"><link rel="prefetch" href="/myblog/assets/js/72.4d422e40.js"><link rel="prefetch" href="/myblog/assets/js/73.795e5b14.js"><link rel="prefetch" href="/myblog/assets/js/74.77e7a227.js"><link rel="prefetch" href="/myblog/assets/js/75.aec35df8.js"><link rel="prefetch" href="/myblog/assets/js/76.c2ed3a3a.js"><link rel="prefetch" href="/myblog/assets/js/77.3752fc95.js"><link rel="prefetch" href="/myblog/assets/js/78.1b9345a3.js"><link rel="prefetch" href="/myblog/assets/js/79.7cdf905f.js"><link rel="prefetch" href="/myblog/assets/js/8.470738b1.js"><link rel="prefetch" href="/myblog/assets/js/80.911d83f8.js"><link rel="prefetch" href="/myblog/assets/js/81.f65235a0.js"><link rel="prefetch" href="/myblog/assets/js/82.8ba05369.js"><link rel="prefetch" href="/myblog/assets/js/83.2de4707b.js"><link rel="prefetch" href="/myblog/assets/js/84.013d167b.js"><link rel="prefetch" href="/myblog/assets/js/85.5f409548.js"><link rel="prefetch" href="/myblog/assets/js/86.8d46caab.js"><link rel="prefetch" href="/myblog/assets/js/87.d860b64a.js"><link rel="prefetch" href="/myblog/assets/js/88.01dc75d2.js"><link rel="prefetch" href="/myblog/assets/js/89.a2ddd592.js"><link rel="prefetch" href="/myblog/assets/js/9.6638e589.js"><link rel="prefetch" href="/myblog/assets/js/90.f933157d.js"><link rel="prefetch" href="/myblog/assets/js/91.b3b24db4.js"><link rel="prefetch" href="/myblog/assets/js/92.a88ff6e5.js"><link rel="prefetch" href="/myblog/assets/js/93.37e0a86e.js"><link rel="prefetch" href="/myblog/assets/js/94.d6052beb.js"><link rel="prefetch" href="/myblog/assets/js/95.4421fc55.js"><link rel="prefetch" href="/myblog/assets/js/96.3a65b405.js"><link rel="prefetch" href="/myblog/assets/js/97.ebc19828.js"><link rel="prefetch" href="/myblog/assets/js/98.9b7e4639.js"><link rel="prefetch" href="/myblog/assets/js/99.902c3c1d.js"><link rel="prefetch" href="/myblog/assets/js/vendors~docsearch.6106b899.js">
<link rel="stylesheet" href="/myblog/assets/css/0.styles.08f35963.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container no-sidebar" data-v-7dd95ae2><div data-v-7dd95ae2><div class="password-shadow password-wrapper-out" style="display:none;" data-v-59e6cb88 data-v-7dd95ae2 data-v-7dd95ae2><h3 class="title" data-v-59e6cb88>初见的博客</h3> <p class="description" data-v-59e6cb88>有志者，事竟成，破釜沉舟，百二秦关终属楚。</p> <label id="box" class="inputBox" data-v-59e6cb88><input type="password" value="" data-v-59e6cb88> <span data-v-59e6cb88>Konck! Knock!</span> <button data-v-59e6cb88>OK</button></label> <div class="footer" data-v-59e6cb88><span data-v-59e6cb88><i class="iconfont reco-theme" data-v-59e6cb88></i> <a target="blank" href="https://vuepress-theme-reco.recoluan.com" data-v-59e6cb88>vuePress-theme-reco</a></span> <span data-v-59e6cb88><i class="iconfont reco-copyright" data-v-59e6cb88></i> <a data-v-59e6cb88><!---->
<!---->
2024
</a></span></div></div> <div class="hide" data-v-7dd95ae2><header class="navbar" data-v-7dd95ae2><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/myblog/" aria-current="page" class="home-link router-link-exact-active router-link-active"><!----> <span class="site-name">初见的博客</span></a> <div class="links"><div class="color-picker"><a class="color-button"><i class="iconfont reco-color"></i></a> <div class="color-picker-menu" style="display:none;"><div class="mode-options"><h4 class="title">Choose mode</h4> <ul class="color-mode-options"><li class="dark">dark</li><li class="auto active">auto</li><li class="light">light</li></ul></div></div></div> <div class="search-box"><i class="iconfont reco-search"></i> <input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="undefined"></i>
JS
</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/myblog/js/Promise.html" class="nav-link"><i class="undefined"></i>
Promise规范
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/browser-detailed.html" class="nav-link"><i class="undefined"></i>
浏览器对象详解
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/dom.html" class="nav-link"><i class="undefined"></i>
DOM操作
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/this.html" class="nav-link"><i class="undefined"></i>
this指向、闭包、作用域
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/throttle.html" class="nav-link"><i class="undefined"></i>
节流和防抖
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/new.html" class="nav-link"><i class="undefined"></i>
new操作符
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/event.html" class="nav-link"><i class="undefined"></i>
事件循环
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/index.html" class="nav-link"><i class="undefined"></i>
call apply bind 的作用和区别
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/sqkb.html" class="nav-link"><i class="undefined"></i>
深浅拷贝
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/mxdx.html" class="nav-link"><i class="undefined"></i>
⾯向对象编程/原型链/继承
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/bubble-trapping.html" class="nav-link"><i class="undefined"></i>
冒泡和捕获
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/cache.html" class="nav-link"><i class="undefined"></i>
前端缓存
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/performance-opt.html" class="nav-link"><i class="undefined"></i>
前端性能优化
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/array.html" class="nav-link"><i class="undefined"></i>
数组常用方法
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/clap.html" class="nav-link"><i class="undefined"></i>
数组拍平
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/HTTP.html" class="nav-link"><i class="undefined"></i>
前端网络
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/front-security.html" class="nav-link"><i class="undefined"></i>
前端安全
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/garbage-collect.html" class="nav-link"><i class="undefined"></i>
垃圾回收机制
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/if-else-tips.html" class="nav-link"><i class="undefined"></i>
减少 if-else 的小技巧
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="undefined"></i>
工程化
</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/myblog/webpackstudy/module.html" class="nav-link"><i class="undefined"></i>
前端模块化
</a></li><li class="dropdown-item"><!----> <a href="/myblog/webpackstudy/webpack-basic.html" class="nav-link"><i class="undefined"></i>
webpack基础
</a></li><li class="dropdown-item"><!----> <a href="/myblog/webpackstudy/webpack.html" class="nav-link"><i class="undefined"></i>
webpack构建
</a></li><li class="dropdown-item"><!----> <a href="https://zhuanlan.zhihu.com/p/408195292" target="_blank" rel="noopener noreferrer" class="nav-link external"><i class="undefined"></i>
webpack 中的module
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://zhuanlan.zhihu.com/p/448738741" target="_blank" rel="noopener noreferrer" class="nav-link external"><i class="undefined"></i>
webpack性能优化
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="/myblog/webpackstudy/principle.html" class="nav-link"><i class="undefined"></i>
webpack原理相关
</a></li><li class="dropdown-item"><!----> <a href="https://zhuanlan.zhihu.com/p/408733746" target="_blank" rel="noopener noreferrer" class="nav-link external"><i class="undefined"></i>
一步步实现webpack打包
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="/myblog/webpackstudy/ts-basics.html" class="nav-link"><i class="undefined"></i>
ts基础及使用
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="undefined"></i>
VUE
</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/myblog/vue/vueJs.html" class="nav-link"><i class="undefined"></i>
vue2基础
</a></li><li class="dropdown-item"><!----> <a href="/myblog/vue/difference.html" class="nav-link"><i class="undefined"></i>
vue2和vue3的区别
</a></li><li class="dropdown-item"><!----> <a href="/myblog/vue/computed.html" class="nav-link"><i class="undefined"></i>
computed和watch的区别
</a></li><li class="dropdown-item"><!----> <a href="/myblog/vue/axios.html" class="nav-link"><i class="undefined"></i>
axios封装
</a></li><li class="dropdown-item"><!----> <a href="/myblog/vue/vue-router.html" class="nav-link"><i class="undefined"></i>
vue-router
</a></li><li class="dropdown-item"><!----> <a href="/myblog/vue/basicknowledge.html" class="nav-link"><i class="undefined"></i>
Vue2.0基础
</a></li><li class="dropdown-item"><!----> <a href="/myblog/vue/misnotes.html" class="nav-link"><i class="undefined"></i>
Vue2.0进阶
</a></li><li class="dropdown-item"><!----> <a href="/myblog/vue/ssr.html" class="nav-link"><i class="undefined"></i>
Vue ssr
</a></li><li class="dropdown-item"><!----> <a href="/myblog/vue/vue3.html" class="nav-link"><i class="undefined"></i>
Vue3.0
</a></li><li class="dropdown-item"><!----> <a href="/myblog/vue/vue-router.html" class="nav-link"><i class="undefined"></i>
vue-router
</a></li><li class="dropdown-item"><!----> <a href="/myblog/vue/vuex.html" class="nav-link"><i class="undefined"></i>
vuex性能问题
</a></li><li class="dropdown-item"><!----> <a href="/myblog/vue/compare.html" class="nav-link"><i class="undefined"></i>
Vue2.x VS Vue3.x
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="undefined"></i>
ES6
</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/myblog/es6module/es6-esnext.html" class="nav-link"><i class="undefined"></i>
ES6及ESNext规范
</a></li><li class="dropdown-item"><!----> <a href="/myblog/es6module/index.html" class="nav-link"><i class="undefined"></i>
es6基础
</a></li><li class="dropdown-item"><!----> <a href="/myblog/es6module/ergodic.html" class="nav-link"><i class="undefined"></i>
for of 迭代器
</a></li><li class="dropdown-item"><!----> <a href="/myblog/es6module/arrow.html" class="nav-link"><i class="undefined"></i>
模板字符串
</a></li><li class="dropdown-item"><!----> <a href="/myblog/es6module/set.html" class="nav-link"><i class="undefined"></i>
实现一个 Set 数据结构
</a></li><li class="dropdown-item"><!----> <a href="/myblog/es6module/WeakMap.html" class="nav-link"><i class="undefined"></i>
WeakMap
</a></li><li class="dropdown-item"><!----> <a href="/myblog/es6module/promise.html" class="nav-link"><i class="undefined"></i>
聊聊promise
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="undefined"></i>
Angular.js
</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/myblog/Angular.js/Angular.html" class="nav-link"><i class="undefined"></i>
Angular.js框架
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="undefined"></i>
TS
</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/myblog/ts/index.html" class="nav-link"><i class="undefined"></i>
TS基础理论
</a></li><li class="dropdown-item"><!----> <a href="/myblog/ts/combatExercise.html" class="nav-link"><i class="undefined"></i>
TS实战
</a></li><li class="dropdown-item"><!----> <a href="/myblog/ts/basic.html" class="nav-link"><i class="undefined"></i>
TS中的基本类型
</a></li><li class="dropdown-item"><!----> <a href="/myblog/ts/tsJs.html" class="nav-link"><i class="undefined"></i>
ts和js的区别
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="undefined"></i>
Node.js
</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/myblog/Node.js/node-basic.html" class="nav-link"><i class="undefined"></i>
nodejs基础
</a></li><li class="dropdown-item"><!----> <a href="/myblog/Node.js/node-frame.html" class="nav-link"><i class="undefined"></i>
nodejs常用框架
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="undefined"></i>
webpack
</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/myblog/webpack/webpack-basic.html" class="nav-link"><i class="undefined"></i>
webpack基础
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="undefined"></i>
其他
</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/myblog/other/browser-principle.html" class="nav-link"><i class="undefined"></i>
浏览器原理与pwa
</a></li><li class="dropdown-item"><!----> <a href="/myblog/other/redraw-reflow.html" class="nav-link"><i class="undefined"></i>
重绘回流
</a></li><li class="dropdown-item"><!----> <a href="/myblog/other/compatibility.html" class="nav-link"><i class="undefined"></i>
前端兼容性问题
</a></li><li class="dropdown-item"><!----> <a href="/myblog/other/virtual-list.html" class="nav-link"><i class="undefined"></i>
虚拟列表
</a></li><li class="dropdown-item"><!----> <a href="/myblog/other/data-collection.html" class="nav-link"><i class="undefined"></i>
数据采集
</a></li><li class="dropdown-item"><!----> <a href="/myblog/other/websocket.html" class="nav-link"><i class="undefined"></i>
websocket
</a></li><li class="dropdown-item"><!----> <a href="/myblog/other/vue-react.html" class="nav-link"><i class="undefined"></i>
vue vs react
</a></li><li class="dropdown-item"><!----> <a href="/myblog/other/ESLint.html" class="nav-link"><i class="undefined"></i>
ESLint规范
</a></li><li class="dropdown-item"><!----> <a href="/myblog/other/ES6.html" class="nav-link"><i class="undefined"></i>
ES6 实用语法
</a></li><li class="dropdown-item"><!----> <a href="/myblog/other/excellentarticles.html" class="nav-link"><i class="undefined"></i>
优秀文章
</a></li><li class="dropdown-item"><!----> <a href="/myblog/other/personal-summary.html" class="nav-link"><i class="undefined"></i>
个人总结
</a></li><li class="dropdown-item"><!----> <a href="/myblog/other/uniapp.html" class="nav-link"><i class="undefined"></i>
uni-app
</a></li></ul></div></div> <!----></nav></div></header> <div class="sidebar-mask" data-v-7dd95ae2></div> <aside class="sidebar" data-v-7dd95ae2><div class="personal-info-wrapper" data-v-1fad0c41 data-v-7dd95ae2><!----> <!----> <div class="num" data-v-1fad0c41><div data-v-1fad0c41><h3 data-v-1fad0c41>60</h3> <h6 data-v-1fad0c41>Articles</h6></div> <div data-v-1fad0c41><h3 data-v-1fad0c41>9</h3> <h6 data-v-1fad0c41>Tags</h6></div></div> <ul class="social-links" data-v-1fad0c41></ul> <hr data-v-1fad0c41></div> <nav class="nav-links"><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="undefined"></i>
JS
</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/myblog/js/Promise.html" class="nav-link"><i class="undefined"></i>
Promise规范
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/browser-detailed.html" class="nav-link"><i class="undefined"></i>
浏览器对象详解
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/dom.html" class="nav-link"><i class="undefined"></i>
DOM操作
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/this.html" class="nav-link"><i class="undefined"></i>
this指向、闭包、作用域
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/throttle.html" class="nav-link"><i class="undefined"></i>
节流和防抖
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/new.html" class="nav-link"><i class="undefined"></i>
new操作符
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/event.html" class="nav-link"><i class="undefined"></i>
事件循环
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/index.html" class="nav-link"><i class="undefined"></i>
call apply bind 的作用和区别
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/sqkb.html" class="nav-link"><i class="undefined"></i>
深浅拷贝
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/mxdx.html" class="nav-link"><i class="undefined"></i>
⾯向对象编程/原型链/继承
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/bubble-trapping.html" class="nav-link"><i class="undefined"></i>
冒泡和捕获
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/cache.html" class="nav-link"><i class="undefined"></i>
前端缓存
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/performance-opt.html" class="nav-link"><i class="undefined"></i>
前端性能优化
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/array.html" class="nav-link"><i class="undefined"></i>
数组常用方法
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/clap.html" class="nav-link"><i class="undefined"></i>
数组拍平
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/HTTP.html" class="nav-link"><i class="undefined"></i>
前端网络
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/front-security.html" class="nav-link"><i class="undefined"></i>
前端安全
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/garbage-collect.html" class="nav-link"><i class="undefined"></i>
垃圾回收机制
</a></li><li class="dropdown-item"><!----> <a href="/myblog/js/if-else-tips.html" class="nav-link"><i class="undefined"></i>
减少 if-else 的小技巧
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="undefined"></i>
工程化
</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/myblog/webpackstudy/module.html" class="nav-link"><i class="undefined"></i>
前端模块化
</a></li><li class="dropdown-item"><!----> <a href="/myblog/webpackstudy/webpack-basic.html" class="nav-link"><i class="undefined"></i>
webpack基础
</a></li><li class="dropdown-item"><!----> <a href="/myblog/webpackstudy/webpack.html" class="nav-link"><i class="undefined"></i>
webpack构建
</a></li><li class="dropdown-item"><!----> <a href="https://zhuanlan.zhihu.com/p/408195292" target="_blank" rel="noopener noreferrer" class="nav-link external"><i class="undefined"></i>
webpack 中的module
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="https://zhuanlan.zhihu.com/p/448738741" target="_blank" rel="noopener noreferrer" class="nav-link external"><i class="undefined"></i>
webpack性能优化
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="/myblog/webpackstudy/principle.html" class="nav-link"><i class="undefined"></i>
webpack原理相关
</a></li><li class="dropdown-item"><!----> <a href="https://zhuanlan.zhihu.com/p/408733746" target="_blank" rel="noopener noreferrer" class="nav-link external"><i class="undefined"></i>
一步步实现webpack打包
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li><li class="dropdown-item"><!----> <a href="/myblog/webpackstudy/ts-basics.html" class="nav-link"><i class="undefined"></i>
ts基础及使用
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="undefined"></i>
VUE
</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/myblog/vue/vueJs.html" class="nav-link"><i class="undefined"></i>
vue2基础
</a></li><li class="dropdown-item"><!----> <a href="/myblog/vue/difference.html" class="nav-link"><i class="undefined"></i>
vue2和vue3的区别
</a></li><li class="dropdown-item"><!----> <a href="/myblog/vue/computed.html" class="nav-link"><i class="undefined"></i>
computed和watch的区别
</a></li><li class="dropdown-item"><!----> <a href="/myblog/vue/axios.html" class="nav-link"><i class="undefined"></i>
axios封装
</a></li><li class="dropdown-item"><!----> <a href="/myblog/vue/vue-router.html" class="nav-link"><i class="undefined"></i>
vue-router
</a></li><li class="dropdown-item"><!----> <a href="/myblog/vue/basicknowledge.html" class="nav-link"><i class="undefined"></i>
Vue2.0基础
</a></li><li class="dropdown-item"><!----> <a href="/myblog/vue/misnotes.html" class="nav-link"><i class="undefined"></i>
Vue2.0进阶
</a></li><li class="dropdown-item"><!----> <a href="/myblog/vue/ssr.html" class="nav-link"><i class="undefined"></i>
Vue ssr
</a></li><li class="dropdown-item"><!----> <a href="/myblog/vue/vue3.html" class="nav-link"><i class="undefined"></i>
Vue3.0
</a></li><li class="dropdown-item"><!----> <a href="/myblog/vue/vue-router.html" class="nav-link"><i class="undefined"></i>
vue-router
</a></li><li class="dropdown-item"><!----> <a href="/myblog/vue/vuex.html" class="nav-link"><i class="undefined"></i>
vuex性能问题
</a></li><li class="dropdown-item"><!----> <a href="/myblog/vue/compare.html" class="nav-link"><i class="undefined"></i>
Vue2.x VS Vue3.x
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="undefined"></i>
ES6
</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/myblog/es6module/es6-esnext.html" class="nav-link"><i class="undefined"></i>
ES6及ESNext规范
</a></li><li class="dropdown-item"><!----> <a href="/myblog/es6module/index.html" class="nav-link"><i class="undefined"></i>
es6基础
</a></li><li class="dropdown-item"><!----> <a href="/myblog/es6module/ergodic.html" class="nav-link"><i class="undefined"></i>
for of 迭代器
</a></li><li class="dropdown-item"><!----> <a href="/myblog/es6module/arrow.html" class="nav-link"><i class="undefined"></i>
模板字符串
</a></li><li class="dropdown-item"><!----> <a href="/myblog/es6module/set.html" class="nav-link"><i class="undefined"></i>
实现一个 Set 数据结构
</a></li><li class="dropdown-item"><!----> <a href="/myblog/es6module/WeakMap.html" class="nav-link"><i class="undefined"></i>
WeakMap
</a></li><li class="dropdown-item"><!----> <a href="/myblog/es6module/promise.html" class="nav-link"><i class="undefined"></i>
聊聊promise
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="undefined"></i>
Angular.js
</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/myblog/Angular.js/Angular.html" class="nav-link"><i class="undefined"></i>
Angular.js框架
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="undefined"></i>
TS
</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/myblog/ts/index.html" class="nav-link"><i class="undefined"></i>
TS基础理论
</a></li><li class="dropdown-item"><!----> <a href="/myblog/ts/combatExercise.html" class="nav-link"><i class="undefined"></i>
TS实战
</a></li><li class="dropdown-item"><!----> <a href="/myblog/ts/basic.html" class="nav-link"><i class="undefined"></i>
TS中的基本类型
</a></li><li class="dropdown-item"><!----> <a href="/myblog/ts/tsJs.html" class="nav-link"><i class="undefined"></i>
ts和js的区别
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="undefined"></i>
Node.js
</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/myblog/Node.js/node-basic.html" class="nav-link"><i class="undefined"></i>
nodejs基础
</a></li><li class="dropdown-item"><!----> <a href="/myblog/Node.js/node-frame.html" class="nav-link"><i class="undefined"></i>
nodejs常用框架
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="undefined"></i>
webpack
</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/myblog/webpack/webpack-basic.html" class="nav-link"><i class="undefined"></i>
webpack基础
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="undefined"></i>
其他
</span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/myblog/other/browser-principle.html" class="nav-link"><i class="undefined"></i>
浏览器原理与pwa
</a></li><li class="dropdown-item"><!----> <a href="/myblog/other/redraw-reflow.html" class="nav-link"><i class="undefined"></i>
重绘回流
</a></li><li class="dropdown-item"><!----> <a href="/myblog/other/compatibility.html" class="nav-link"><i class="undefined"></i>
前端兼容性问题
</a></li><li class="dropdown-item"><!----> <a href="/myblog/other/virtual-list.html" class="nav-link"><i class="undefined"></i>
虚拟列表
</a></li><li class="dropdown-item"><!----> <a href="/myblog/other/data-collection.html" class="nav-link"><i class="undefined"></i>
数据采集
</a></li><li class="dropdown-item"><!----> <a href="/myblog/other/websocket.html" class="nav-link"><i class="undefined"></i>
websocket
</a></li><li class="dropdown-item"><!----> <a href="/myblog/other/vue-react.html" class="nav-link"><i class="undefined"></i>
vue vs react
</a></li><li class="dropdown-item"><!----> <a href="/myblog/other/ESLint.html" class="nav-link"><i class="undefined"></i>
ESLint规范
</a></li><li class="dropdown-item"><!----> <a href="/myblog/other/ES6.html" class="nav-link"><i class="undefined"></i>
ES6 实用语法
</a></li><li class="dropdown-item"><!----> <a href="/myblog/other/excellentarticles.html" class="nav-link"><i class="undefined"></i>
优秀文章
</a></li><li class="dropdown-item"><!----> <a href="/myblog/other/personal-summary.html" class="nav-link"><i class="undefined"></i>
个人总结
</a></li><li class="dropdown-item"><!----> <a href="/myblog/other/uniapp.html" class="nav-link"><i class="undefined"></i>
uni-app
</a></li></ul></div></div> <!----></nav> <!----> </aside> <div class="password-shadow password-wrapper-in" style="display:none;" data-v-59e6cb88 data-v-7dd95ae2><h3 class="title" data-v-59e6cb88></h3> <!----> <label id="box" class="inputBox" data-v-59e6cb88><input type="password" value="" data-v-59e6cb88> <span data-v-59e6cb88>Konck! Knock!</span> <button data-v-59e6cb88>OK</button></label> <div class="footer" data-v-59e6cb88><span data-v-59e6cb88><i class="iconfont reco-theme" data-v-59e6cb88></i> <a target="blank" href="https://vuepress-theme-reco.recoluan.com" data-v-59e6cb88>vuePress-theme-reco</a></span> <span data-v-59e6cb88><i class="iconfont reco-copyright" data-v-59e6cb88></i> <a data-v-59e6cb88><!---->
<!---->
2024
</a></span></div></div> <div data-v-7dd95ae2><div class="home"><div class="hero"><img src="/myblog/images/photo.jpg" alt="hero" style="max-height:200px;margin:6rem auto 1.5rem;"> <h1 style="margin-top:0px;">
初见的博客
</h1> <p class="description">
有志者，事竟成，破釜沉舟，百二秦关终属楚。
</p> <!----></div> <div class="features"><div class="feature"><h2>博客</h2> <p>专注前端学习，记录点点滴滴</p></div><div class="feature"><h2>关于我</h2> <p>一个前端工程师。</p></div><div class="feature"><h2>技能</h2> <p>HTML5，CSS3，JS，Vue，ES6，微信小程序，uniapp 混合开发，Webpack</p></div></div> <div custom="" class="home-center content__default"></div></div> <div class="footer-wrapper footer" data-v-29dae040><span data-v-29dae040><i class="iconfont reco-theme" data-v-29dae040></i> <a target="blank" href="https://vuepress-theme-reco.recoluan.com" data-v-29dae040>[email protected]</a></span> <!----> <span data-v-29dae040><i class="iconfont reco-copyright" data-v-29dae040></i> <a data-v-29dae040><!---->
<!---->
2024
</a></span> <span style="display:none;" data-v-29dae040><i class="iconfont reco-eye" data-v-29dae040></i> <span id="/myblog/" data-flag-title="Your Article Title" class="leancloud-visitors" data-v-29dae040><a class="leancloud-visitors-count"></a></span></span> <!----> <div class="comments-wrapper" style="display:none;" data-v-29dae040><!----></div></div></div> <ul class="sub-sidebar sub-sidebar-wrapper" style="width:0;" data-v-b57cc07c data-v-7dd95ae2></ul></div></div></div><div class="global-ui"><div class="back-to-ceiling" style="right:1rem;bottom:6rem;width:2.5rem;height:2.5rem;border-radius:.25rem;line-height:2.5rem;display:none;" data-v-c6073ba8 data-v-c6073ba8><svg t="1574745035067" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5404" class="icon" data-v-c6073ba8><path d="M526.60727968 10.90185116a27.675 27.675 0 0 0-29.21455937 0c-131.36607665 82.28402758-218.69155461 228.01873535-218.69155402 394.07834331a462.20625001 462.20625001 0 0 0 5.36959153 69.94390903c1.00431239 6.55289093-0.34802892 13.13561351-3.76865779 18.80351572-32.63518765 54.11355614-51.75690182 118.55860487-51.7569018 187.94566865a371.06718723 371.06718723 0 0 0 11.50484808 91.98906777c6.53300375 25.50556257 41.68394495 28.14064038 52.69160883 4.22606766 17.37162448-37.73630017 42.14135425-72.50938081 72.80769204-103.21549295 2.18761121 3.04276886 4.15646224 6.24463696 6.40373557 9.22774369a1871.4375 1871.4375 0 0 0 140.04691725 5.34970492 1866.36093723 1866.36093723 0 0 0 140.04691723-5.34970492c2.24727335-2.98310674 4.21612437-6.18497483 6.3937923-9.2178004 30.66633723 30.70611158 55.4360664 65.4791928 72.80769147 103.21549355 11.00766384 23.91457269 46.15860503 21.27949489 52.69160879-4.22606768a371.15156223 371.15156223 0 0 0 11.514792-91.99901164c0-69.36717486-19.13165746-133.82216804-51.75690182-187.92578088-3.42062944-5.66790279-4.76302748-12.26056868-3.76865837-18.80351632a462.20625001 462.20625001 0 0 0 5.36959269-69.943909c-0.00994388-166.08943902-87.32547796-311.81420293-218.6915546-394.09823051zM605.93803103 357.87693858a93.93749974 93.93749974 0 1 1-187.89594924 6.1e-7 93.93749974 93.93749974 0 0 1 187.89594924-6.1e-7z" p-id="5405" data-v-c6073ba8></path><path d="M429.50777625 765.63860547C429.50777625 803.39355007 466.44236686 1000.39046097 512.00932183 1000.39046097c45.56695499 0 82.4922232-197.00623328 82.5015456-234.7518555 0-37.75494459-36.9345906-68.35043303-82.4922232-68.34111062-45.57627738-0.00932239-82.52019037 30.59548842-82.51086798 68.34111062z" p-id="5406" data-v-c6073ba8></path></svg></div></div></div>
<script src="/myblog/assets/js/app.7df1fa56.js" defer></script><script src="/myblog/assets/js/7.8d17ee5e.js" defer></script><script src="/myblog/assets/js/2.e73532cd.js" defer></script><script src="/myblog/assets/js/1.74d3146f.js" defer></script><script src="/myblog/assets/js/41.4b6e6af3.js" defer></script>
</body>
</html>