-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
306 lines (230 loc) · 63.9 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Home | Oliver Liu</title>
<meta name="description" content="一个充满理想并付诸于行动中的码农小白，喜欢遨游在计算机世界里，励志于成为一名多财多亿的人">
<meta property="og:site_name" content="Oliver Liu"><meta property="og:type" content="website"><meta property="og:url" content="/"><meta name="twitter:url" content="/"><meta name="twitter:card" content="summary_large_image">
<link rel="preload" href="/assets/css/0.styles.4ebda18c.css" as="style"><link rel="preload" href="/assets/js/app.3046669f.js" as="script"><link rel="preload" href="/assets/js/15.65cd4b64.js" as="script"><link rel="preload" href="/assets/js/5.d23a34c7.js" as="script"><link rel="preload" href="/assets/js/7.279d892e.js" as="script"><link rel="preload" href="/assets/js/24.ef7d016a.js" as="script"><link rel="prefetch" href="/assets/js/10.4cf8232a.js"><link rel="prefetch" href="/assets/js/11.2b70077a.js"><link rel="prefetch" href="/assets/js/12.e0827d80.js"><link rel="prefetch" href="/assets/js/13.943f9c26.js"><link rel="prefetch" href="/assets/js/14.69acb744.js"><link rel="prefetch" href="/assets/js/16.d23a0a8f.js"><link rel="prefetch" href="/assets/js/17.1d0dc10d.js"><link rel="prefetch" href="/assets/js/18.697790a5.js"><link rel="prefetch" href="/assets/js/19.fc34c952.js"><link rel="prefetch" href="/assets/js/20.174741b3.js"><link rel="prefetch" href="/assets/js/21.6931450f.js"><link rel="prefetch" href="/assets/js/22.da25a99c.js"><link rel="prefetch" href="/assets/js/23.1ab8e821.js"><link rel="prefetch" href="/assets/js/25.edb20a0c.js"><link rel="prefetch" href="/assets/js/26.b7a563ec.js"><link rel="prefetch" href="/assets/js/27.4b666e35.js"><link rel="prefetch" href="/assets/js/28.b721d0e9.js"><link rel="prefetch" href="/assets/js/29.d430265f.js"><link rel="prefetch" href="/assets/js/3.4bbd03f4.js"><link rel="prefetch" href="/assets/js/30.85f343cc.js"><link rel="prefetch" href="/assets/js/31.360a5a21.js"><link rel="prefetch" href="/assets/js/32.11c1c472.js"><link rel="prefetch" href="/assets/js/33.7f72bb7a.js"><link rel="prefetch" href="/assets/js/34.da120c96.js"><link rel="prefetch" href="/assets/js/35.9469f4b5.js"><link rel="prefetch" href="/assets/js/36.03ace7ad.js"><link rel="prefetch" href="/assets/js/37.bf1e4185.js"><link rel="prefetch" href="/assets/js/38.778f92e2.js"><link rel="prefetch" href="/assets/js/39.8610f6a4.js"><link rel="prefetch" href="/assets/js/4.7d45f539.js"><link rel="prefetch" href="/assets/js/40.ff9e4d7c.js"><link rel="prefetch" href="/assets/js/41.7d225f1f.js"><link rel="prefetch" href="/assets/js/42.d65bfa67.js"><link rel="prefetch" href="/assets/js/43.f3aaee7c.js"><link rel="prefetch" href="/assets/js/44.83bcb698.js"><link rel="prefetch" href="/assets/js/45.87256169.js"><link rel="prefetch" href="/assets/js/46.70a3b026.js"><link rel="prefetch" href="/assets/js/47.98b92862.js"><link rel="prefetch" href="/assets/js/48.af1e6f75.js"><link rel="prefetch" href="/assets/js/49.0c107d58.js"><link rel="prefetch" href="/assets/js/50.9b791ae6.js"><link rel="prefetch" href="/assets/js/51.2a97ec05.js"><link rel="prefetch" href="/assets/js/52.528faa2c.js"><link rel="prefetch" href="/assets/js/53.c26e919f.js"><link rel="prefetch" href="/assets/js/54.7e7d297e.js"><link rel="prefetch" href="/assets/js/55.52b7fdd5.js"><link rel="prefetch" href="/assets/js/56.28e127cd.js"><link rel="prefetch" href="/assets/js/57.4ccfc345.js"><link rel="prefetch" href="/assets/js/58.9f216b74.js"><link rel="prefetch" href="/assets/js/59.42808110.js"><link rel="prefetch" href="/assets/js/6.ad1b28cd.js"><link rel="prefetch" href="/assets/js/60.7c39d09b.js"><link rel="prefetch" href="/assets/js/61.b7367e08.js"><link rel="prefetch" href="/assets/js/62.076041cb.js"><link rel="prefetch" href="/assets/js/63.1b5dafd3.js"><link rel="prefetch" href="/assets/js/64.823ba5d4.js"><link rel="prefetch" href="/assets/js/65.7748e33a.js"><link rel="prefetch" href="/assets/js/66.bf7d1876.js"><link rel="prefetch" href="/assets/js/67.efa16045.js"><link rel="prefetch" href="/assets/js/68.407c1f55.js"><link rel="prefetch" href="/assets/js/69.ac2fde50.js"><link rel="prefetch" href="/assets/js/70.a4513ba5.js"><link rel="prefetch" href="/assets/js/71.ca3c92fe.js"><link rel="prefetch" href="/assets/js/72.ac76d5f4.js"><link rel="prefetch" href="/assets/js/73.f271c3ad.js"><link rel="prefetch" href="/assets/js/74.d4118158.js"><link rel="prefetch" href="/assets/js/75.4ad830b2.js"><link rel="prefetch" href="/assets/js/8.0f497cb5.js"><link rel="prefetch" href="/assets/js/9.d19d8a26.js"><link rel="prefetch" href="/assets/js/vuejs-paginate.d2e57fd8.js">
<link rel="stylesheet" href="/assets/css/0.styles.4ebda18c.css">
</head>
<body>
<div id="app" data-server-rendered="true"><section data-v-7213d69c><header id="header" class="shadow" data-v-7213d69c><div class="p-3 d-flex justify-content-between"><div class="self-title"><a href="/" class="text-decoration-none h4 router-link-exact-active router-link-active">
Oliver Liu
</a> <span class="self-flag">
一个充满理想并付诸于行动中的码农小白，喜欢遨游在计算机世界里，励志于成为一名多财多亿的人
</span></div> <div class="search-wrapper u-px3 d-flex align-items-center"><div aria-haspopup="listbox" role="combobox" aria-owns="el-autocomplete-5722" class="el-autocomplete"><div class="el-input el-input--small"><!----><input type="text" autocomplete="off" valueKey="value" popperClass="components-search" placeholder="Search" fetchSuggestions="function () { [native code] }" debounce="200" placement="bottom-end" popperAppendToBody="true" class="el-input__inner"><!----><!----><!----><!----></div><div role="region" class="el-autocomplete-suggestion el-popper components-search" style="width:;display:none;"><div class="el-scrollbar"><div class="el-autocomplete-suggestion__wrap el-scrollbar__wrap el-scrollbar__wrap--hidden-default"><ul class="el-scrollbar__view el-autocomplete-suggestion__list"></ul></div><div class="el-scrollbar__bar is-horizontal"><div class="el-scrollbar__thumb" style="width:0;transform:translateX(0%);ms-transform:translateX(0%);webkit-transform:translateX(0%);"></div></div><div class="el-scrollbar__bar is-vertical"><div class="el-scrollbar__thumb" style="height:0;transform:translateY(0%);ms-transform:translateY(0%);webkit-transform:translateY(0%);"></div></div></div></div></div></div></div> <nav class="px-5"><ul role="menubar" class="d-flex justify-content-center border-0 el-menu--horizontal el-menu" style="background-color:;"><li role="menuitem" tabindex="-1" class="el-menu-item is-active" style="color:;border-bottom-color:;background-color:;"><a href="/" class="text-decoration-none d-block h-100 w-100 router-link-exact-active router-link-active"><i class="el-icon-house"></i>
Home
</a></li><li role="menuitem" tabindex="-1" class="el-menu-item" style="color:;border-bottom-color:transparent;background-color:;"><a href="/projects/" class="text-decoration-none d-block h-100 w-100"><i class="el-icon-folder"></i>
Projects
</a></li><li role="menuitem" tabindex="-1" class="el-menu-item" style="color:;border-bottom-color:transparent;background-color:;"><a href="/about_me/" class="text-decoration-none d-block h-100 w-100"><i class="el-icon-user"></i>
About me
</a></li></ul></nav></header> <div><div id="base-list-layout" class="zoomIn"><header class="home-hero" style="background-image:url(https://source.unsplash.com/random/800x600);"><div class="p-3 text-center text-light"><h1 class="display-3">Oliver Liu</h1> <p class="font-weight-light h3 text-light">一个充满理想并付诸于行动中的码农小白，喜欢遨游在计算机世界里，励志于成为一名多财多亿的人</p> <a href="#posts" class="el-button el-button--primary my-3">Latest Posts</a></div></header> <div class="container featured-posts my-5 d-sm-none d-lg-block"><div class="el-carousel el-carousel--horizontal el-carousel--card"><div class="el-carousel__container" style="height:300px;"><button type="button" class="el-carousel__arrow el-carousel__arrow--left" style="display:none;"><i class="el-icon-arrow-left"></i></button><button type="button" class="el-carousel__arrow el-carousel__arrow--right" style="display:none;"><i class="el-icon-arrow-right"></i></button><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2020/03/27/15/12/books-4973837_960_720.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">关于编码的总结</h4> <a href="/2020/05/01/conclution-of-charcode/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2020/07/04/05/24/cat-5368270_960_720.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">Action at a distance</h4> <a href="/2020/05/15/action-at-a-distance/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2015/01/20/13/13/ipad-605440_960_720.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">破解google语音合成接口</h4> <a href="/2020/05/15/%E7%A0%B4%E8%A7%A3google%E8%AF%AD%E9%9F%B3%E5%90%88%E6%88%90%E6%8E%A5%E5%8F%A3/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2020/07/04/05/24/cat-5368270_960_720.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">Action at a distance</h4> <a href="/2020/05/15/ieee-754-%E5%AD%98%E5%82%A8%E8%A7%84%E5%88%99/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2020/03/27/15/12/books-4973837_960_720.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">Computer-Science-University</h4> <a href="/2023/06/05/computer-science-university/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2020/06/28/10/02/away-5348739_960_720.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">“痛并快乐着”于白岩松先生的《白说》</h4> <a href="/2019/10/14/%E2%80%9C%E7%97%9B%E5%B9%B6%E5%BF%AB%E4%B9%90%E7%9D%80%E2%80%9D%E4%BA%8E%E7%99%BD%E5%B2%A9%E6%9D%BE%E5%85%88%E7%94%9F%E7%9A%84%E3%80%8A%E7%99%BD%E8%AF%B4%E3%80%8B/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2020/12/18/15/29/mountains-5842346__340.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">《专业和业余的区别》于吴军老师的第280封硅谷来信</h4> <a href="/2019/10/14/%E3%80%8A%E4%B8%93%E4%B8%9A%E5%92%8C%E4%B8%9A%E4%BD%99%E7%9A%84%E5%8C%BA%E5%88%AB%E3%80%8B%E4%BA%8E%E5%90%B4%E5%86%9B%E8%80%81%E5%B8%88%E7%9A%84%E7%AC%AC280%E5%B0%81%E7%A1%85%E8%B0%B7%E6%9D%A5%E4%BF%A1/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2020/06/28/08/50/eastern-grey-kangaroo-5348449_960_720.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">属于你的那份成长曲线图</h4> <a href="/2019/10/14/%E5%B1%9E%E4%BA%8E%E4%BD%A0%E7%9A%84%E9%82%A3%E4%BB%BD%E6%88%90%E9%95%BF%E6%9B%B2%E7%BA%BF%E5%9B%BE/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2020/03/22/11/23/landscape-4956790_960_720.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">古希腊神话</h4> <a href="/2019/10/14/%E5%8F%A4%E5%B8%8C%E8%85%8A%E7%A5%9E%E8%AF%9D/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2020/03/21/19/27/sea-4955005_960_720.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">《成功并不难，在于少犯错误》于 吴军老师的第187封硅谷来信</h4> <a href="/2019/10/14/%E3%80%8A%E6%88%90%E5%8A%9F%E5%B9%B6%E4%B8%8D%E9%9A%BE%EF%BC%8C%E5%9C%A8%E4%BA%8E%E5%B0%91%E7%8A%AF%E9%94%99%E8%AF%AF%E3%80%8B%E4%BA%8E-%E5%90%B4%E5%86%9B%E8%80%81%E5%B8%88%E7%9A%84%E7%AC%AC187%E5%B0%81%E7%A1%85%E8%B0%B7%E6%9D%A5%E4%BF%A1/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2020/03/25/11/43/book-4966982_960_720.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">知识复利之路于李笑来老师的《通往财富自由之路》解读</h4> <a href="/2019/10/14/%E7%9F%A5%E8%AF%86%E5%A4%8D%E5%88%A9%E4%B9%8B%E8%B7%AF%E4%BA%8E%E6%9D%8E%E7%AC%91%E6%9D%A5%E8%80%81%E5%B8%88%E7%9A%84%E3%80%8A%E9%80%9A%E5%BE%80%E8%B4%A2%E5%AF%8C%E8%87%AA%E7%94%B1%E4%B9%8B%E8%B7%AF%E3%80%8B%E8%A7%A3%E8%AF%BB/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2015/01/08/18/26/write-593333_960_720.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">认真做事，持续改变</h4> <a href="/2020/04/07/%E8%AE%A4%E7%9C%9F%E5%81%9A%E4%BA%8B%EF%BC%8C%E6%8C%81%E7%BB%AD%E6%94%B9%E5%8F%98/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2020/05/30/16/48/forest-5239560_960_720.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">Promise的十个使用禁令</h4> <a href="/2020/06/03/promise%E7%9A%84%E5%8D%81%E4%B8%AA%E4%BD%BF%E7%94%A8%E7%A6%81%E4%BB%A4/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2020/07/05/10/40/landscape-5372526_960_720.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">深入贯彻闭包思想，全面理解JS闭包形成过程</h4> <a href="/2017/11/28/the-closure-in-javascript/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2020/04/17/14/16/landscape-5055384_960_720.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">从格式和规则上统一编码风格</h4> <a href="/2020/04/23/%E4%BC%98%E8%B4%A8%E4%BB%A3%E7%A0%81%E4%BB%8E%E6%A0%BC%E5%BC%8F%E5%92%8C%E8%A7%84%E5%88%99%E5%BC%80%E5%A7%8B/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2020/12/03/12/35/sunset-5800386_960_720.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">Argumentative-essay-final</h4> <a href="/2020/11/30/does-homework-actually-help-students/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2021/01/11/21/39/temple-5909803__340.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">css units</h4> <a href="/2018/07/14/css-units/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2020/05/20/12/43/landscape-5196367__340.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">chromium多进程架构</h4> <a href="/2020/06/30/%E6%B5%8F%E8%A7%88%E5%99%A8%E7%9A%84%E5%A4%9A%E8%BF%9B%E7%A8%8B%E6%9E%B6%E6%9E%84/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2020/05/28/03/38/canyon-5229681_960_720.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">nodeJS面试问题</h4> <a href="/2020/06/04/nodejs%E9%9D%A2%E8%AF%95%E9%97%AE%E9%A2%98%E6%95%B4%E7%90%86/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2020/05/21/11/03/lily-of-the-valley-5200245__340.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">node各个环境变量详解</h4> <a href="/2020/05/25/node%E5%90%84%E4%B8%AA%E7%8E%AF%E5%A2%83%E5%8F%98%E9%87%8F%E8%AF%A6%E8%A7%A3/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2020/05/29/05/47/barley-5233734__340.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">什么时候使用 peerDependencies?</h4> <a href="/2020/06/03/peerdependencies/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2020/07/05/12/53/rainbow-5372892_960_720.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">The perform of python's unicode problem on different computer</h4> <a href="/2019/10/14/charcode-in-different-platform/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2015/01/20/13/13/ipad-605440_960_720.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">关于遇到的一个DNS查询问题</h4> <a href="/2020/06/19/%E5%85%B3%E4%BA%8E%E6%88%91%E9%81%87%E5%88%B0%E7%9A%84%E4%B8%80%E4%B8%AAdns%E9%97%AE%E9%A2%98/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div><div class="el-carousel__item bg-light bg-cover border-10 el-carousel__item--card" style="transform:translateX(0px) scale(1);ms-transform:translateX(0px) scale(1);webkit-transform:translateX(0px) scale(1);display:none;background-image:url(https://cdn.pixabay.com/photo/2020/03/30/17/15/funes-4984899_960_720.jpg);background-blend-mode:multiply;background-size:cover;"><div class="el-carousel__mask"></div><div class="carousel-card-content d-flex justify-content-center align-items-center flex-column h-100"><h4 class="story-title text-center h4 featured-post-title mb-3">关于webRTC各个名词介绍</h4> <a href="/2020/04/04/basic-web-rtc-knowledge/" class="el-button el-button--primary">Read this Post <i class="el-icon-arrow-right"></i></a></div></div></div><ul class="el-carousel__indicators el-carousel__indicators--horizontal el-carousel__indicators--outside"></ul></div></div> <section class="el-container row p-3"><aside class="col-sm-12 col-lg-3 py-3 my-2"><div data-v-3096178c><div align="center" class="el-card mx-auto zoomIn mb-3 is-hover-shadow" data-v-3096178c><!----><div class="el-card__body"><div class="card-header rounded p-3" data-v-3096178c><div class="rounded-circle card-img-bg d-inline-block" data-v-3096178c><img src="https://tvax3.sinaimg.cn/crop.0.0.996.996.180/006geSualy8fqrbnwnjjij30ro0roae2.jpg?KID=imgbed,tva&Expires=1617733853&ssig=%2Bo4ZJA27Fb" alt="Oliver" width="160px" style="transform:rotate(42deg);" data-v-3096178c></div> <h1 class="mt-2 text-light" data-v-3096178c>Oliver</h1></div> <div class="p-3" data-v-3096178c><p data-v-3096178c>The passionate coding was my pursuit for a long time and I love the open source culture</p></div> <hr class="mt-0" data-v-3096178c> <ul class="list-inline m-0" data-v-3096178c><li class="list-inline-item" data-v-3096178c><a href="https://github.com/TongDaDa" target="_blank" rel="noopener noreferrer" class="external" data-v-3096178c><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github" data-v-3096178c><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" data-v-3096178c></path></svg>
</a></li><li class="list-inline-item" data-v-3096178c><a href="https://weibo.com/u/5736764406?is_all=1" target="_blank" rel="noopener noreferrer" class="external" data-v-3096178c><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-linkedin" data-v-3096178c><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" data-v-3096178c></path><rect x="2" y="9" width="4" height="12" data-v-3096178c></rect><circle cx="4" cy="4" r="2" data-v-3096178c></circle></svg>
</a></li><li class="list-inline-item" data-v-3096178c><a href="https://twitter.com/Console90Liu" target="_blank" rel="noopener noreferrer" class="external" data-v-3096178c><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter" data-v-3096178c><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z" data-v-3096178c></path></svg>
</a></li></ul></div></div></div> <div class="el-card is-hover-shadow"><!----><div class="el-card__body" style="padding:1rem;"><ul class="list-unstyled"><li class="d-inline-block mx-1 my-2"><div class="el-badge item"><a href="/tag/computer/" class="el-button el-button--small text-decoration-none">
computer
</a><sup class="el-badge__content el-badge__content--undefined is-fixed">5</sup></div></li><li class="d-inline-block mx-1 my-2"><div class="el-badge item"><a href="/tag/unicode/" class="el-button el-button--small text-decoration-none">
unicode
</a><sup class="el-badge__content el-badge__content--undefined is-fixed">6</sup></div></li><li class="d-inline-block mx-1 my-2"><div class="el-badge item"><a href="/tag/web/" class="el-button el-button--small text-decoration-none">
web
</a><sup class="el-badge__content el-badge__content--undefined is-fixed">2</sup></div></li><li class="d-inline-block mx-1 my-2"><div class="el-badge item"><a href="/tag/mobile/" class="el-button el-button--small text-decoration-none">
mobile
</a><sup class="el-badge__content el-badge__content--undefined is-fixed">7</sup></div></li><li class="d-inline-block mx-1 my-2"><div class="el-badge item"><a href="/tag/diary/" class="el-button el-button--small text-decoration-none">
diary
</a><sup class="el-badge__content el-badge__content--undefined is-fixed">10</sup></div></li><li class="d-inline-block mx-1 my-2"><div class="el-badge item"><a href="/tag/javascript/" class="el-button el-button--small text-decoration-none">
javascript
</a><sup class="el-badge__content el-badge__content--undefined is-fixed">13</sup></div></li><li class="d-inline-block mx-1 my-2"><div class="el-badge item"><a href="/tag/language/" class="el-button el-button--small text-decoration-none">
language
</a><sup class="el-badge__content el-badge__content--undefined is-fixed">5</sup></div></li><li class="d-inline-block mx-1 my-2"><div class="el-badge item"><a href="/tag/css/" class="el-button el-button--small text-decoration-none">
css
</a><sup class="el-badge__content el-badge__content--undefined is-fixed">1</sup></div></li><li class="d-inline-block mx-1 my-2"><div class="el-badge item"><a href="/tag/native/" class="el-button el-button--small text-decoration-none">
native
</a><sup class="el-badge__content el-badge__content--undefined is-fixed">11</sup></div></li><li class="d-inline-block mx-1 my-2"><div class="el-badge item"><a href="/tag/python/" class="el-button el-button--small text-decoration-none">
python
</a><sup class="el-badge__content el-badge__content--undefined is-fixed">1</sup></div></li><li class="d-inline-block mx-1 my-2"><div class="el-badge item"><a href="/tag/network/" class="el-button el-button--small text-decoration-none">
network
</a><sup class="el-badge__content el-badge__content--undefined is-fixed">1</sup></div></li><li class="d-inline-block mx-1 my-2"><div class="el-badge item"><a href="/tag/webrtc/" class="el-button el-button--small text-decoration-none">
webrtc
</a><sup class="el-badge__content el-badge__content--undefined is-fixed">1</sup></div></li></ul></div></div></aside> <div id="posts" class="col-sm-12 col-lg-8 mx-auto"><main class="my-2"><div class="p-3"><div body-style="[object Object]" shadow="hover" class="el-card mb-4 cursor-pointer mb-4 cursor-pointer is-hover-shadow"><!----><div class="el-card__body" style="padding:0rem;"><div class="ui-post row px-3"><div class="ui-post-image col-sm-12 col-md-6 col-lg-5 py-3"><img src="https://cdn.pixabay.com/photo/2020/03/27/15/12/books-4973837_960_720.jpg" alt="Computer-Science-University" class="w-100 rounded"></div> <div class="col-sm-12 col-md-6 col-lg-7 py-4"><div><h3><a href="/2023/06/05/computer-science-university/" class="text-decoration-none">
Computer-Science-University
</a></h3></div> <div class="ui-post-summary text-secondary my-2">
Don't feel you aren't smart enough
About Video Resources
Interview Process & General Interview Prep
Pick One Language for the Interview
Book List
Before you Get Started
[What you Won't See Cover ...
<a href="/2023/06/05/computer-science-university/" class="read-more">Read more</a></div></div></div> <div class="d-flex justify-content-end text-secondary p-4 mt-2 border-top border-light"><div class="ui-post-info d-flex"><div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
Mon Jun 05 2023
</div> <div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
63 min read
</div> <div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-navigation"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg>
Beijing;
</div></div></div></div></div><div body-style="[object Object]" shadow="hover" class="el-card mb-4 cursor-pointer mb-4 cursor-pointer is-hover-shadow"><!----><div class="el-card__body" style="padding:0rem;"><div class="ui-post row px-3"><div class="ui-post-image col-sm-12 col-md-6 col-lg-5 py-3"><img src="https://cdn.pixabay.com/photo/2020/12/03/12/35/sunset-5800386_960_720.jpg" alt="Argumentative-essay-final" class="w-100 rounded"></div> <div class="col-sm-12 col-md-6 col-lg-7 py-4"><div><h3><a href="/2020/11/30/does-homework-actually-help-students/" class="text-decoration-none">
Argumentative-essay-final
</a></h3></div> <div class="ui-post-summary text-secondary my-2">
Does homework actually help students?
Author: Oliver Liu
Introduction
Since 1987, educators around the world have conducted studies to answer a simple question: Does homework help or hinder a student's ability to learn? The answer has not to be solved until now. Some students spend a few hours a night doing what they see as busyw ...
<a href="/2020/11/30/does-homework-actually-help-students/" class="read-more">Read more</a></div></div></div> <div class="d-flex justify-content-end text-secondary p-4 mt-2 border-top border-light"><div class="ui-post-info d-flex"><div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
Mon Nov 30 2020
</div> <div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
4 min read
</div> <div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-navigation"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg>
Beijing;
</div></div></div></div></div><div body-style="[object Object]" shadow="hover" class="el-card mb-4 cursor-pointer mb-4 cursor-pointer is-hover-shadow"><!----><div class="el-card__body" style="padding:0rem;"><div class="ui-post row px-3"><div class="ui-post-image col-sm-12 col-md-6 col-lg-5 py-3"><img src="https://cdn.pixabay.com/photo/2020/05/20/12/43/landscape-5196367__340.jpg" alt="Mac big sur 闪退现象分析" class="w-100 rounded"></div> <div class="col-sm-12 col-md-6 col-lg-7 py-4"><div><h3><a href="/2020/11/30/mac-big-sur-%E9%97%AA%E9%80%80%E7%8E%B0%E8%B1%A1/" class="text-decoration-none">
Mac big sur 闪退现象分析
</a></h3></div> <div class="ui-post-summary text-secondary my-2">
苹果为了购买因特尔芯片的成本和统一全平台架构的目的(Iphone, ipad, mac)，自研的ARM芯开始集成到Mac中使用，
从原来的 Intel 64 到 ARM64导致需要系统层软件向上兼容老应用程序的运行，也就是把 Intel64 转换成 符合 ARM-64 架构的指令集。
这个软件由一个 Transitive Corporation 公司为苹果提供动态转换技术，也就是最近发布的 苹果11系统中 Rosetta2 组件的实现。
动态转换技术全称为: “Dynamic birnary translation”， 旨在原体系的芯片架构上翻译成可以在目标架构上运行的代码。所以更新了 Big Sur 系统，
就相当于兼容了ARM架构，也就是自带了这个组件。(如果本身就是intel架构的老机器，默认是不会开启这个组件的)。
对跨平台软件的影响
由于新系统big sur 相较于 ...
<a href="/2020/11/30/mac-big-sur-%E9%97%AA%E9%80%80%E7%8E%B0%E8%B1%A1/" class="read-more">Read more</a></div></div></div> <div class="d-flex justify-content-end text-secondary p-4 mt-2 border-top border-light"><div class="ui-post-info d-flex"><div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
Mon Nov 30 2020
</div> <div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
1 min read
</div> <div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-navigation"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg>
Beijing;
</div></div></div></div></div><div body-style="[object Object]" shadow="hover" class="el-card mb-4 cursor-pointer mb-4 cursor-pointer is-hover-shadow"><!----><div class="el-card__body" style="padding:0rem;"><div class="ui-post row px-3"><div class="ui-post-image col-sm-12 col-md-6 col-lg-5 py-3"><img src="https://cdn.pixabay.com/photo/2020/05/20/12/43/landscape-5196367__340.jpg" alt="chromium多进程架构" class="w-100 rounded"></div> <div class="col-sm-12 col-md-6 col-lg-7 py-4"><div><h3><a href="/2020/06/30/%E6%B5%8F%E8%A7%88%E5%99%A8%E7%9A%84%E5%A4%9A%E8%BF%9B%E7%A8%8B%E6%9E%B6%E6%9E%84/" class="text-decoration-none">
chromium多进程架构
</a></h3></div> <div class="ui-post-summary text-secondary my-2">
此篇文章中所述的内容，未经过源码级的考核，像webpack一样，没有绝对的教材，对频繁改版的chromium也是如此，以下仅凭个人的一些思考，实践，参阅(Chromium官方文档)，推导出来的，
所以，内容有可能并不完全正确。
此篇内容主要参考Webkit架构，早期的开源世界中，它被Apple创造出来，之后Google投入大量人力开发人员融入Webkit项目，熟悉webkit代码，
几年后，Google开发者们在这个项目中的提交量占据了一大半，成为了核心维护者。之后他们把Webkit fork 下来，为自己的多进程架构重构， 并更名为Blink(同webkit为浏览器内核),
为什么要fork下来，而不在原有的webkit上做多进程架构欧呢？主要有两个原因，
webkit应用场景和google要发展的方向不匹配，webkit作为一个开源的浏览器内核，提供嵌入式接口(高达几百 ...
<a href="/2020/06/30/%E6%B5%8F%E8%A7%88%E5%99%A8%E7%9A%84%E5%A4%9A%E8%BF%9B%E7%A8%8B%E6%9E%B6%E6%9E%84/" class="read-more">Read more</a></div></div></div> <div class="d-flex justify-content-end text-secondary p-4 mt-2 border-top border-light"><div class="ui-post-info d-flex"><div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
Tue Jun 30 2020
</div> <div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
4 min read
</div> <div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-navigation"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg>
Beijing;
</div></div></div></div></div><div body-style="[object Object]" shadow="hover" class="el-card mb-4 cursor-pointer mb-4 cursor-pointer is-hover-shadow"><!----><div class="el-card__body" style="padding:0rem;"><div class="ui-post row px-3"><div class="ui-post-image col-sm-12 col-md-6 col-lg-5 py-3"><img src="https://cdn.pixabay.com/photo/2015/01/20/13/13/ipad-605440_960_720.jpg" alt="关于遇到的一个DNS查询问题" class="w-100 rounded"></div> <div class="col-sm-12 col-md-6 col-lg-7 py-4"><div><h3><a href="/2020/06/19/%E5%85%B3%E4%BA%8E%E6%88%91%E9%81%87%E5%88%B0%E7%9A%84%E4%B8%80%E4%B8%AAdns%E9%97%AE%E9%A2%98/" class="text-decoration-none">
关于遇到的一个DNS查询问题
</a></h3></div> <div class="ui-post-summary text-secondary my-2">
DNS对于大多数同学来说都可能知道是干嘛的，但是深入了解工作原理可能有些模糊，首先它它分布在很多个阶段，整体分为两大块：本地DNS服务，远端DNS服务。
每台电脑本地都会配置一个DNS解析文件，在Nginx上我们可以在 /etc/resolv.conf 中查看，当然也可以从界面中查看。
下面是我在CLI查看我的本地DNS服务配置，即DNS客户机配置(/etc/resolv.conf)
clipboard.png
下面是我在设置中查看DNS服务配置
clipboard.png
大家会问，这两个一样吗？只不过一个是在文件系统查看一个是在GUI上查看，两者没区别吧？嗯，是的没区别。
实际上，修改本地的DNS解析规则，在Nginx上有三个地方，分别是
> h ...
<a href="/2020/06/19/%E5%85%B3%E4%BA%8E%E6%88%91%E9%81%87%E5%88%B0%E7%9A%84%E4%B8%80%E4%B8%AAdns%E9%97%AE%E9%A2%98/" class="read-more">Read more</a></div></div></div> <div class="d-flex justify-content-end text-secondary p-4 mt-2 border-top border-light"><div class="ui-post-info d-flex"><div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
Fri Jun 19 2020
</div> <div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
2 min read
</div> <div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-navigation"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg>
Beijing;
</div></div></div></div></div><div body-style="[object Object]" shadow="hover" class="el-card mb-4 cursor-pointer mb-4 cursor-pointer is-hover-shadow"><!----><div class="el-card__body" style="padding:0rem;"><div class="ui-post row px-3"><div class="ui-post-image col-sm-12 col-md-6 col-lg-5 py-3"><img src="https://cdn.pixabay.com/photo/2020/05/28/03/38/canyon-5229681_960_720.jpg" alt="nodeJS面试问题" class="w-100 rounded"></div> <div class="col-sm-12 col-md-6 col-lg-7 py-4"><div><h3><a href="/2020/06/04/nodejs%E9%9D%A2%E8%AF%95%E9%97%AE%E9%A2%98%E6%95%B4%E7%90%86/" class="text-decoration-none">
nodeJS面试问题
</a></h3></div> <div class="ui-post-summary text-secondary my-2">
c++ -> Libuv -> V8 -> JS
nodejs 模块类型，有几种，他们之间有什么不同？
核心模块，在内建模块上层封装的js层接口。
内建模块，node内部原生的c++模块实现，这些模块调用了 Libuv 接口。
文件模块, 纯JS模块。
核心模块在启动进程时, 会被引入到内存中，以提高之后的调用效率。
为什么require可以不用声明而直接引用？
在Node中，每个模块都会被一个立即执行函数(IIFE)包裹着，在Node引入执行它们时，会传入一些参数
(function(exports, require, module, filename, dirname) { ...
<a href="/2020/06/04/nodejs%E9%9D%A2%E8%AF%95%E9%97%AE%E9%A2%98%E6%95%B4%E7%90%86/" class="read-more">Read more</a></div></div></div> <div class="d-flex justify-content-end text-secondary p-4 mt-2 border-top border-light"><div class="ui-post-info d-flex"><div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
Thu Jun 04 2020
</div> <div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
1 min read
</div> <div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-navigation"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg>
Beijing;
</div></div></div></div></div><div body-style="[object Object]" shadow="hover" class="el-card mb-4 cursor-pointer mb-4 cursor-pointer is-hover-shadow"><!----><div class="el-card__body" style="padding:0rem;"><div class="ui-post row px-3"><div class="ui-post-image col-sm-12 col-md-6 col-lg-5 py-3"><img src="https://cdn.pixabay.com/photo/2020/05/30/16/48/forest-5239560_960_720.jpg" alt="Promise的十个使用禁令" class="w-100 rounded"></div> <div class="col-sm-12 col-md-6 col-lg-7 py-4"><div><h3><a href="/2020/06/03/promise%E7%9A%84%E5%8D%81%E4%B8%AA%E4%BD%BF%E7%94%A8%E7%A6%81%E4%BB%A4/" class="text-decoration-none">
Promise的十个使用禁令
</a></h3></div> <div class="ui-post-summary text-secondary my-2">
不要在 Promise 类方法中定义 async 函数。
不要把代码写在 Promise 方法外
不要嵌套Promise, 使用 await
不要配合回调方法使用 await
不要在循环中使用await
在Promise链条上添加错误处理
不要Reject非Error类型参数
例如：
Promise.reject("非法的参数，请检查")
通常我们外部使用Promise时，会认为catch捕获到的一定是一个继承于Error类的实例化对象。因为
在使用声明式的Promise的构造函数内如果出现未捕获的错误，它就是原生的错误类型，但是JS中并没有要求
我们手动的Reject参数一定要传Error实例，为了简化外部使用，这也属于一个潜规则，很多
Eslint的规则中，都会包含一个Reject只能传 ...
<a href="/2020/06/03/promise%E7%9A%84%E5%8D%81%E4%B8%AA%E4%BD%BF%E7%94%A8%E7%A6%81%E4%BB%A4/" class="read-more">Read more</a></div></div></div> <div class="d-flex justify-content-end text-secondary p-4 mt-2 border-top border-light"><div class="ui-post-info d-flex"><div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
Wed Jun 03 2020
</div> <div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
1 min read
</div> <div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-navigation"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg>
Beijing;
</div></div></div></div></div><div body-style="[object Object]" shadow="hover" class="el-card mb-4 cursor-pointer mb-4 cursor-pointer is-hover-shadow"><!----><div class="el-card__body" style="padding:0rem;"><div class="ui-post row px-3"><div class="ui-post-image col-sm-12 col-md-6 col-lg-5 py-3"><img src="https://cdn.pixabay.com/photo/2020/05/29/05/47/barley-5233734__340.jpg" alt="什么时候使用 peerDependencies?" class="w-100 rounded"></div> <div class="col-sm-12 col-md-6 col-lg-7 py-4"><div><h3><a href="/2020/06/03/peerdependencies/" class="text-decoration-none">
什么时候使用 peerDependencies?
</a></h3></div> <div class="ui-post-summary text-secondary my-2">
首先npm管理依赖的算法规则是，对于两个不同包的依赖的包的版本，采用这个这个包中增加 node_modules 然后作为独有的依赖引入。
所以这种情况下其实是引入了两套不同版本的包，但有一些情况其实这两个包是可以合在一起的，不必用两个增加编译工作的负担。
比如，如下一个例子说明
第一步，我们创建一个测试项目
md conflict-test
cd conflict-test
npm init -y
第二步我们在package.json的依赖中，添加两个包，分别是todd-a,todd-b.
{
"dependencies": {
"todd-a": "^1.0.0",
"todd-b": "^1.0.0"
}
}
那么todd-a 和 todd-b 这俩的依赖是不一样的，他们的依赖分别是
tod ...
<a href="/2020/06/03/peerdependencies/" class="read-more">Read more</a></div></div></div> <div class="d-flex justify-content-end text-secondary p-4 mt-2 border-top border-light"><div class="ui-post-info d-flex"><div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
Wed Jun 03 2020
</div> <div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
2 min read
</div> <div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-navigation"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg>
Beijing;
</div></div></div></div></div><div body-style="[object Object]" shadow="hover" class="el-card mb-4 cursor-pointer mb-4 cursor-pointer is-hover-shadow"><!----><div class="el-card__body" style="padding:0rem;"><div class="ui-post row px-3"><div class="ui-post-image col-sm-12 col-md-6 col-lg-5 py-3"><img src="https://cdn.pixabay.com/photo/2020/05/21/11/03/lily-of-the-valley-5200245__340.jpg" alt="node各个环境变量详解" class="w-100 rounded"></div> <div class="col-sm-12 col-md-6 col-lg-7 py-4"><div><h3><a href="/2020/05/25/node%E5%90%84%E4%B8%AA%E7%8E%AF%E5%A2%83%E5%8F%98%E9%87%8F%E8%AF%A6%E8%A7%A3/" class="text-decoration-none">
node各个环境变量详解
</a></h3></div> <div class="ui-post-summary text-secondary my-2">
前段时间在node中fork出来的一个子进程中，此进程中还会spawn出来一些命令，但是死活提示找不到路径，错误如下。
env: node: No such file or directory
经过一番调查之后，才发现fork出来的子进程中并没有获取到环境变量，这下才想起来，环境变量在env中，没有传过去。
所以，这里做一个node中各个环境变量的作用的简述.
首先node环境变量和其他语言一样，继承来自系统和当前用户目录下的环境变量设置。但是在node中无法分辨哪些环境变量是系统
继承的，还是node注入的。
TITLE
TERM_PROGRAM
当前终端的运行程序，比如在mac上自带的终端，它的值就是 Apple_Terminal, 在 Iterm(另一款终端应用) 上
就是iTerm.app
TERM
通常都是Xte ...
<a href="/2020/05/25/node%E5%90%84%E4%B8%AA%E7%8E%AF%E5%A2%83%E5%8F%98%E9%87%8F%E8%AF%A6%E8%A7%A3/" class="read-more">Read more</a></div></div></div> <div class="d-flex justify-content-end text-secondary p-4 mt-2 border-top border-light"><div class="ui-post-info d-flex"><div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
Mon May 25 2020
</div> <div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
1 min read
</div> <div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-navigation"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg>
Beijing;
</div></div></div></div></div><div body-style="[object Object]" shadow="hover" class="el-card mb-4 cursor-pointer mb-4 cursor-pointer is-hover-shadow"><!----><div class="el-card__body" style="padding:0rem;"><div class="ui-post row px-3"><div class="ui-post-image col-sm-12 col-md-6 col-lg-5 py-3"><img src="https://cdn.pixabay.com/photo/2020/05/19/19/43/swan-5192408__340.jpg" alt="老掉牙的事件队列(平民版)" class="w-100 rounded"></div> <div class="col-sm-12 col-md-6 col-lg-7 py-4"><div><h3><a href="/2020/05/25/%E8%80%81%E6%8E%89%E7%89%99%E7%9A%84%E4%BA%8B%E4%BB%B6%E9%98%9F%E5%88%97-%E5%B9%B3%E6%B0%91%E7%89%88/" class="text-decoration-none">
老掉牙的事件队列(平民版)
</a></h3></div> <div class="ui-post-summary text-secondary my-2">
Waiting for writing. ...
<a href="/2020/05/25/%E8%80%81%E6%8E%89%E7%89%99%E7%9A%84%E4%BA%8B%E4%BB%B6%E9%98%9F%E5%88%97-%E5%B9%B3%E6%B0%91%E7%89%88/" class="read-more">Read more</a></div></div></div> <div class="d-flex justify-content-end text-secondary p-4 mt-2 border-top border-light"><div class="ui-post-info d-flex"><div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
Mon May 25 2020
</div> <div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
1 min read
</div> <div class="post-info-item"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-navigation"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg>
Beijing;
</div></div></div></div></div></div></main> <div class="d-flex"><!----></div></div></section></div></div> <footer class="footer" data-v-5eccf6f7 data-v-7213d69c><div class="footer-left-wrap" data-v-5eccf6f7><ul class="contact" data-v-5eccf6f7><li class="contact-item" data-v-5eccf6f7><a href="https://github.com/TongDaDa" target="_blank" rel="noopener noreferrer" class="external" data-v-5eccf6f7><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github" data-v-5eccf6f7><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" data-v-5eccf6f7></path></svg>
</a></li><li class="contact-item" data-v-5eccf6f7><a href="https://weibo.com/u/5736764406?is_all=1" target="_blank" rel="noopener noreferrer" class="external" data-v-5eccf6f7><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-linkedin" data-v-5eccf6f7><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" data-v-5eccf6f7></path><rect x="2" y="9" width="4" height="12" data-v-5eccf6f7></rect><circle cx="4" cy="4" r="2" data-v-5eccf6f7></circle></svg>
</a></li><li class="contact-item" data-v-5eccf6f7><a href="https://twitter.com/Console90Liu" target="_blank" rel="noopener noreferrer" class="external" data-v-5eccf6f7><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter" data-v-5eccf6f7><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z" data-v-5eccf6f7></path></svg>
</a></li></ul></div> <div class="footer-right-wrap" data-v-5eccf6f7><ul class="copyright" data-v-5eccf6f7><li class="copyright-item" data-v-5eccf6f7><a href="https://policies.google.com/privacy?hl=en-US" target="_blank" rel="noopener noreferrer" class="external" data-v-5eccf6f7>Privacy Policy</a></li><li class="copyright-item" data-v-5eccf6f7><a href="/.html" data-v-5eccf6f7>MIT Licensed | Copyright © 2018-present Vue.js</a></li></ul></div></footer></section><div class="global-ui"><div class="reading-progress top" data-v-56679cca><div class="progress" data-v-56679cca></div></div><!----></div></div>
<script src="/assets/js/app.3046669f.js" defer></script><script src="/assets/js/15.65cd4b64.js" defer></script><script src="/assets/js/5.d23a34c7.js" defer></script><script src="/assets/js/7.279d892e.js" defer></script><script src="/assets/js/24.ef7d016a.js" defer></script>
</body>
</html>