-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
450 lines (426 loc) · 44 KB
/
blog.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>求职简历</title>
<link rel="stylesheet" href="./css/base.css">
<link rel="stylesheet" href="./css/blog.css">
<script src="./js/jq.js"></script>
</head>
<body>
<canvas class="canvas-wrap" id="triangle-lost-in-space" resize="true"></canvas>
<!-- loadding -->
<div class="lodding-wrap">
<div class="loadding-div"></div>
</div>
<!-- 主要页面 -->
<div class="box">
<!-- 顶部栏 -->
<div class="header borderafter">
<!-- 返回按钮 -->
<a style="position: absolute;left:50px;" href="javascript:history.back()">
<svg x="1649246285004" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
p-id="3737" width="20" height="20">
<path
d="M98 468.9l322.8-322.8v184.4C743.6 376.7 881.9 607.3 928 837.8 812.7 676.4 651.3 602.6 420.8 602.6v189.1L98 468.9z"
p-id="3738" fill="#254665"></path>
</svg>
</a>
<div class="col">
<span>个人简历</span>
<!-- 右边操作栏 -->
<div class="header-right">
<!-- 按钮 -->
<div class="min_menu-wrap" id="minmenu">
<span class="min_menu"></span>
</div>
<!-- 列表 -->
<div class="menu_list">
<!-- 栏目 -->
<ul class="header-nav">
<li><a href="index.html">主页</a></li>
<li><a href="./home.html">项目</a></li>
<li><a href="./resume.html">经验</a></li>
<li><a href="./contact.html">联系</a></li>
<li class="active"><a href="./blog.html">博客</a></li>
<li><a href="./live.html">其他</a></li>
</ul>
<!-- 开关灯 -->
<span class="kaig-bottm">
<svg t="1649159647627" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="2250" width="15" height="15">
<path
d="M1008.535135 710.670332l-70.446388 116.386904a112.099975 112.099975 0 0 1-140.572857 43.829042l-69.422645-17.083729c-5.502624 3.1992-11.133217 6.3984-16.763809 9.341665l-18.299425 62.896276C687.335435 981.514621 639.4754 1023.744064 582.657604 1023.744064H441.764828c-56.817796 0-104.677831-42.293427-110.308423-97.703574l-18.299425-62.896276a422.166458 422.166458 0 0 1-16.827793-9.341665l-69.614597 17.083729a112.163959 112.163959 0 0 1-140.508873-43.893026L15.631361 710.542364a107.493127 107.493127 0 0 1 32.43989-144.731817L96.251206 518.910272a410.649338 410.649338 0 0 1 0-14.204448l-48.179955-46.836291a107.365159 107.365159 0 0 1-32.375906-144.731817l70.190452-116.450888a112.099975 112.099975 0 0 1 140.572857-43.893026l69.550612 17.083729c5.566608-3.1992 11.133217-6.3984 16.827794-9.341665l18.299425-62.896276C336.831061 42.229443 384.691096 0 441.508892 0H582.529636c56.817796 0 104.677831 42.293427 110.372407 97.63959l18.235441 62.704324c5.75856 3.007248 11.325169 6.142464 16.827793 9.341665l69.678581-17.083729a112.163959 112.163959 0 0 1 140.508873 43.893026l70.446388 116.514872a107.493127 107.493127 0 0 1-32.375906 144.731817l-48.179955 46.772307a414.616346 414.616346 0 0 1 0 14.204448l48.243939 46.836291c47.092227 31.928018 62.192452 94.952262 32.247938 145.115721z m-213.066733-142.23644l3.391152-31.032242a246.210447 246.210447 0 0 0 0-51.699076l-3.263184-30.904274 93.992502-91.305173-53.554612-88.553862-131.615096 32.311922-23.546113-16.059985a294.134466 294.134466 0 0 0-48.627844-26.809297l-27.513121-11.901025L568.453156 127.968008H455.649356L419.370426 252.736816l-27.705074 11.965009c-16.635841 7.166208-32.951762 16.187953-48.499875 26.745313l-23.610097 15.996001-131.487128-32.247938-53.36266 88.489878 94.056486 91.433141-3.263184 30.968258a247.874031 247.874031 0 0 0 0 51.699076l3.1992 30.904274-93.928518 91.369157 53.554612 88.489878 131.551112-32.311922 23.610097 16.059985c15.292177 10.429393 31.544114 19.451137 48.563859 26.809297l27.577106 11.965009L455.905292 895.776056h112.611848l36.342914-124.768808 27.64109-11.965009c16.699825-7.166208 32.951762-16.187953 48.563859-26.745313l23.546113-15.996001 131.423144 32.247938 53.68258-88.745814-94.184454-91.369157zM512.147232 615.846038c57.329668 0 103.846038-46.516371 103.974006-103.974006 0-57.329668-46.644339-103.974006-103.974006-103.974007S408.173225 454.542364 408.173225 511.872032 454.817564 615.846038 512.147232 615.846038z m0 127.968008c-127.968008 0-231.942014-103.910022-231.942015-231.942014 0-127.968008 103.910022-231.942014 231.942015-231.942015 127.968008 0 231.942014 103.910022 231.942014 232.133967A232.133967 232.133967 0 0 1 512.147232 743.814046z"
p-id="2251"></path>
</svg>
<!-- 开关按钮 -->
<span class="my-radio active" id="myRadio">
<i></i>
</span>
<svg t="1649159678284" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="3376" width="15" height="15">
<path
d="M505.4 878.6c-196.7 0-358-150.9-374.9-343.1 1-18.6 16.1-33.4 34.9-33.4 10.8 0 20.5 4.8 26.9 12.4 0.2 0.3 0.5 0.1 0.5-0.7 41.6 44.2 100.5 71.9 166.1 71.9 127.1 0 230.1-103 230.1-230.1 0-66.1-28-125.1-72.6-166.8 0.1-0.1 0.5-0.1 0.3-0.3-7-6.5-11.4-15.7-11.4-26.1 0-19 14.9-34.1 33.7-35.3 192.1 17.1 342.9 178.3 342.9 375 0 208-168.5 376.5-376.5 376.5z"
p-id="3377"></path>
</svg>
</span>
</div>
</div>
</div>
</div>
<!-- 顶部导航 -->
<div class="navigation">
<div class="nav-titleBox co zz">
<!-- 占位符 -->
<div class="co-left"></div>
<!-- 标题 -->
<div class="co-right">
<span class="titleBox-tag">CONTACT!</span>
<h1>
Action speak louder than words .
</h1>
<a class="buttom navbtn" href="#next-one">看看我发表的文章吧
</a>
</div>
</div>
</div>
<!-- 主要修改部分 -->
<div class="content zz">
<!-- 占位符 -->
<div class="co-left">
<!-- 简历吸盘 -->
<div class="me-card carbox borderbefore" id="mycard">
<div class="mecar-title">
<div class="me-image">
<span class="status">
<i>林里谜案</i>
</span>
<img src="./img/toux.jpg" alt="">
</div>
<h3>wttAndroid的个人简历</h3>
<p class="me-hover">
<span>其实，我的愿望是世界和平！</span>
</p>
</div>
<div class="borderbotm"></div>
<div class="lianxi-list">
<a title="wx:w1457321681">
<svg t="1649145899448" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="14861" width="15" height="15">
<path
d="M506.942 345.921c25.259 0 42.134-16.916 42.134-42.107 0-25.477-16.848-41.956-42.134-41.956-25.299 0-50.668 16.48-50.668 41.956 0.028 25.204 25.409 42.107 50.668 42.107l0 0zM506.942 345.921zM271.257 261.857c-25.259 0-50.79 16.48-50.79 41.956 0 25.19 25.532 42.107 50.79 42.107 25.163 0 42.012-16.916 42.012-42.107-0.014-25.477-16.834-41.956-42.012-41.956l0 0zM271.257 261.857zM1010.654 615.492c0-133.202-123.563-246.702-275.237-258.512 0.205-1.652 0.301-3.373-0.068-5.092-30.406-141.79-182.886-248.695-354.7-248.695-194.15 0-352.119 135.387-352.119 301.793 0 89.279 45.574 169.725 131.946 233.158l-30.106 90.508c-1.939 5.885-0.177 12.37 4.506 16.452 2.853 2.458 6.445 3.741 10.076 3.741 2.335 0 4.697-0.546 6.867-1.625l113.036-56.565 13.926 2.827c34.802 7.154 64.853 13.353 101.868 13.353 10.895 0 40.878-3.987 43.404-7.182 40.755 101.99 153.094 175.61 285.273 175.61 33.86 0 68.13-8.164 98.891-15.866l87.136 47.636c2.307 1.257 4.847 1.911 7.359 1.911 3.441 0 6.881-1.161 9.639-3.413 4.847-3.932 6.841-10.404 5.038-16.33l-22.255-74.001c74.602-58.955 115.521-129.488 115.521-199.708l0 0zM409.798 665.75c-9.626 0.833-19.388 1.243-29.082 1.243-32.686 0-60.334-5.652-92.31-12.26l-18.582-3.755c-3.195-0.683-6.567-0.245-9.503 1.269l-81.687 40.892 21.231-63.775c2.076-6.24-0.205-13.053-5.57-16.821-82.07-57.207-123.659-126.894-123.659-207.093 0-144.179 139.087-261.516 310.067-261.516 151.142 0 284.959 91.955 312.579 214.261-158.475 2.076-286.706 113.487-286.706 250.32 0 19.893 3.018 39.171 8.11 57.767-1.542-0.382-3.168-0.683-4.887-0.532l0 0zM860.371 788.699c-4.875 3.673-6.935 10.007-5.188 15.852l13.804 45.903-56.647-30.993c-2.157-1.188-4.588-1.803-7.004-1.803-1.188 0-2.389 0.15-3.564 0.464-30.379 7.674-61.822 15.593-92.433 15.593-142.186 0-257.857-97.717-257.857-217.811 0-120.095 115.658-217.771 257.857-217.771 139.469 0 257.325 99.724 257.325 217.771 0 59.87-37.738 121.255-106.291 172.797l0 0zM868.181 797.178zM616.454 506.006c-16.848 0-33.696 16.971-33.696 33.792 0 16.944 16.848 33.669 33.696 33.669 25.313 0 42.038-16.725 42.038-33.669 0-16.848-16.725-33.792-42.038-33.792l0 0zM616.454 506.006zM801.58 506.006c-16.603 0-33.451 16.971-33.451 33.792 0 16.944 16.848 33.669 33.451 33.669 25.231 0 42.257-16.725 42.257-33.669 0-16.848-16.998-33.792-42.257-33.792l0 0zM801.58 506.006z"
p-id="14862"></path>
</svg>
</a>
<a title="github:wttAndroid" href="https://gitee.com/wttAndroid">
<svg t="1649145950732" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="16367" width="15" height="15">
<path
d="M695.765333 981.333333h-276.053333c-26.794667 0-47.317333-21.077333-47.317333-48.64V739.84c0-29.184 6.314667-56.746667 17.365333-81.066667-129.365333-48.64-214.528-150.784-214.528-264.277333 0-53.504 17.365333-103.765333 50.474667-147.498667-12.629333-42.154667-15.786667-95.658667-12.629334-157.269333C216.234667 62.122667 236.8 42.666667 261.973333 42.666667c14.208 0 134.101333 1.621333 203.52 64.853333a504.448 504.448 0 0 1 184.533334 0C717.866667 44.288 837.717333 42.666667 853.504 42.666667c25.216 0 45.738667 19.456 47.317333 45.397333 4.693333 61.610667 0 115.114667-12.629333 157.269333C921.301333 290.688 938.666667 340.906667 938.666667 392.832c0 113.493333-85.162667 215.637333-214.528 264.277333a207.786667 207.786667 0 0 1 17.365333 81.066667v192.896c1.578667 27.562667-20.48 50.261333-45.738667 50.261333z m-228.693333-97.28h181.333333V739.84c0-27.562667-12.586667-53.504-33.109333-71.338667-14.165333-11.349333-20.48-30.805333-15.786667-50.261333 4.778667-17.834667 18.944-32.426667 36.309334-35.669333 123.050667-24.32 208.213333-102.144 208.213333-189.696 0-47.018667-25.258667-82.688-45.738667-105.386667-14.208-14.549333-17.365333-35.626667-7.893333-55.082667 6.314667-12.970667 15.786667-40.533333 15.786667-89.173333-39.466667 6.485333-85.205333 19.456-102.528 45.397333-11.093333 16.213333-31.573333 24.32-50.474667 19.456a393.045333 393.045333 0 0 0-194.005333 0c-18.944 4.864-37.888-3.242667-50.474667-19.456-17.365333-25.941333-63.146667-38.912-102.528-45.397333 1.578667 48.64 9.429333 76.202667 15.786667 89.173333 7.850667 17.834667 4.693333 40.533333-7.936 55.082667-20.48 22.698667-45.738667 58.368-45.738667 105.386667 0 87.552 85.205333 163.754667 208.213333 189.696 17.365333 3.242667 31.573333 17.834667 36.266667 35.669333 4.736 17.834667-1.578667 37.290667-15.786667 50.261333a95.104 95.104 0 0 0-33.109333 71.296v144.298667h3.157333z"
fill="#172B4D" p-id="16368"></path>
<path
d="M403.968 788.394667c-212.949333 0-309.162667-194.56-313.898667-202.666667-11.050667-24.32-1.578667-53.461333 20.48-64.810667 23.68-11.349333 52.053333-1.621333 63.146667 21.077334 3.114667 6.485333 80.426667 157.269333 241.28 149.162666 26.837333-1.621333 48.896 19.456 48.896 46.976 1.578667 27.562667-18.901333 50.261333-45.738667 50.261334h-14.165333z"
fill="#172B4D" p-id="16369"></path>
</svg>
</a>
<a title="email:[email protected]"
href="Mailto:[email protected]?Subject=邮箱标题&Body=邮箱内容！">
<svg t="1649145973361" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="17271" width="15" height="15">
<path
d="M983.899806 785.385782V224.886223h0.180631l-0.180631-4.696419c-0.180632-5.238314-0.722526-10.476627-1.806315-15.714941-2.890104-25.469042-21.675781-44.977245-45.519139-47.686717H122.287529c-11.741048 0-23.482096 1.625684-34.861881 5.238314-30.346093 10.295996-50.757453 40.100194-50.576821 74.058917v534.849885c-0.361263 21.314518 5.780208 42.087141 17.701887 59.789028l0.361263 0.722526 5.418946 3.973893c18.243782 21.856412 44.977245 34.319986 73.517022 34.500618H904.421944c37.751984 0 70.265655-27.094726 79.477862-66.291763l0.180631-0.541894c0.361263-5.96084 0.361263-11.741048-0.180631-17.701888zM390.16405 547.494091l55.453872 49.854295 43.893456 40.100194c5.418945 5.96084 13.005468 9.57347 21.133886 9.57347 7.947786 0 15.534309-3.431999 21.133886-9.57347l101.153642-91.941436 272.753572 263.721997H126.622685L390.16405 547.494091z m120.119951 30.346092L111.449638 216.03528H115.604163c214.409596-0.903158 703.559711-2.890104 793.875463-0.361263l-399.195625 362.166166z m165.458458-69.72376l251.619686-227.956959v474.518963L675.742459 508.116423z m-328.568707 0.180631L93.205856 760.278003V278.895043l253.967896 229.402011z"
p-id="17272"></path>
</svg>
</a>
<a title="QQ:1457321681">
<svg t="1649146096754" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="18277" width="15" height="15">
<path
d="M537.576602 0c345.434577 0 362.285044 329.787714 362.285044 329.787714 52.356809 69.207276 24.072096 131.794725 24.072096 131.794725 168.504671 264.793055 59.578437 341.22196 29.488318 346.638181-29.488318 5.416222-58.374833-32.49733-58.374833-32.49733s-9.628838 37.913551-33.700934 58.374833c87.86315 40.922563 72.216288 92.075767 72.216288 92.075767s-18.655874 154.061414-383.94993 56.569425l-31.293725-5.416222c-350.248996 126.378504-393.578768-43.931575-393.578768-43.931575s-14.443258-71.012683 53.560413-97.491989c-39.718958-24.072096-53.560413-75.2253-53.560413-75.2253s-35.506341 57.77303-81.845126 36.709946C-3.443754 775.723291-31.728467 587.359141 143.997834 451.351799c0 0-25.275701-80.641521 32.49733-128.785713C176.495163 322.566085 192.142025 0 537.576602 0L537.576602 0 537.576602 0zM230.055576 341.22196C153.626672 406.216619 204.779876 471.211278 204.779876 471.211278 36.275204 574.72129 66.365324 742.022357 66.365324 742.022357s27.081108-13.239653 45.736982-52.356809c19.257677-39.117156 48.745994 6.619826 48.745994 6.619826s18.655874 89.066755 74.623497 123.971294c56.569425 34.904539-2.40721 57.171228-2.40721 57.171228s-61.985647 0.601802-56.569425 43.329773c5.416222 42.126168 205.81642 95.084779 325.575097 1.203605l63.791054 8.425234c209.427235 72.81809 312.937247 4.814419 319.557073-8.425234 6.619826-13.239653-31.895527-38.515353-67.401869-53.560413-35.506341-15.04506-44.533377-30.691922-13.239653-51.153204 31.293725-21.063084 43.931575-62.587449 61.985647-105.31542 18.054072-42.72797 45.736982-21.664886 49.347797-9.628838 3.610814 12.036048 29.488318 52.356809 29.488318 52.356809s68.003671-72.216288-73.419893-285.856139c0 0 30.691922-63.791054-21.063084-116.147863 0 0-12.63785-300.299397-320.158876-300.299397C224.639355 52.356809 230.055576 341.22196 230.055576 341.22196L230.055576 341.22196 230.055576 341.22196z"
p-id="18278"></path>
</svg>
</a>
</div>
<div class="borderbotm"></div>
<div class="mecar-bottm">
<div>
<span class="mecarbottm-key">毕业院校</span>
<span class="mecarbottm-value">山西传媒学院</span>
</div>
<div>
<span class="mecarbottm-key">所在城市</span>
<span class="mecarbottm-value">山西 晋城</span>
</div>
<div>
<span class="mecarbottm-key">年级</span>
<span class="mecarbottm-value">23届毕业生</span>
</div>
</div>
<div class="borderbotm"></div>
<div class="buttom-box ">
<a class="button" href="Mailto:[email protected]?Subject=邮箱标题&Body=邮箱内容！">联系我</a>
</div>
</div>
</div>
<!-- 主要内容部分 -->
<div class="co-right" id="next-one">
<div class="content-li li1">
<div class="li1-box borderbefore">
<svg t="1663164259401" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="1936" width="30" height="30">
<path
d="M128 0l888.832 0-72.704 843.776-376.832 115.712-358.4-115.712zM839.68 254.976l21.504-128-572.416-1.024 36.864 384 372.736 0 0 100.352-124.928 44.032-130.048-46.08-8.192-54.272-102.4 1.024 15.36 135.168 219.136 76.8 230.4-72.704 29.696-309.248-405.504 0-10.24-130.048 428.032 0z"
p-id="1937"></path>
</svg>
<p>Vue、HTML、CSS、JS</p>
</div>
<div class="li1-box borderbefore">
<svg t="1663164308088" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="2882" width="30" height="30">
<path
d="M377.642667 791.893333s-39.125333 22.784 27.861333 30.464c81.152 9.301333 122.624 7.978667 212.010667-9.002666 0 0 23.552 14.762667 56.362666 27.562666-200.490667 85.888-453.674667-5.034667-296.234666-49.024m-24.533334-112.085333s-43.861333 32.469333 23.125334 39.424c86.698667 8.917333 155.136 9.685333 273.621333-13.141333 0 0 16.384 16.597333 42.112 25.685333-242.304 70.869333-512.298667 5.546667-338.858667-51.968m206.506667-190.208c49.408 56.874667-12.970667 108.074667-12.970667 108.074667s125.397333-64.768 67.797334-145.834667c-53.802667-75.605333-95.061333-113.152 128.298666-242.688 0-0.042667-350.549333 87.509333-183.125333 280.448m265.130667 385.237333s28.970667 23.850667-31.872 42.282667c-115.712 35.072-481.621333 45.610667-583.210667 1.408-36.522667-15.914667 32-37.973333 53.504-42.581333 22.485333-4.864 35.328-3.968 35.328-3.968-40.661333-28.629333-262.656 56.192-112.768 80.512 408.746667 66.261333 745.045333-29.866667 639.018667-77.653334M396.458667 563.626667s-186.112 44.202667-65.877334 60.245333c50.730667 6.784 151.936 5.248 246.186667-2.645333 77.056-6.485333 154.368-20.352 154.368-20.352s-27.178667 11.605333-46.848 25.045333c-188.970667 49.706667-554.069333 26.581333-448.938667-24.234667 88.832-42.922667 161.109333-38.058667 161.109334-38.058666m333.824 186.624c192.128-99.84 103.296-195.797333 41.301333-182.826667-15.146667 3.157333-21.973333 5.888-21.973333 5.888s5.632-8.832 16.426666-12.672c122.666667-43.136 217.002667 127.189333-39.594666 194.645333 0-0.042667 2.986667-2.645333 3.84-5.034666M614.442667 0s106.410667 106.410667-100.906667 270.08c-166.229333 131.285333-37.888 206.165333-0.042667 291.669333-97.024-87.594667-168.234667-164.608-120.490666-236.330666 70.144-105.344 264.405333-156.373333 221.44-325.418667M415.317333 1020.757333c184.405333 11.818667 467.584-6.528 474.282667-93.781333 0 0-12.885333 33.066667-152.405333 59.349333-157.354667 29.610667-351.530667 26.154667-466.645334 7.168 0-0.042667 23.594667 19.498667 144.768 27.264"
p-id="2883"></path>
</svg>
<p>Java、SpringBoot</p>
</div>
<div class="li1-box borderbefore">
<svg t="1663164338148" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="3834" width="30" height="30">
<path
d="M246.744812 635.667692h-14.572307a183.138462 183.138462 0 0 1-109.883077-36.233846 18.510769 18.510769 0 0 0-24.812308 3.544616H95.901735a17.329231 17.329231 0 0 0 3.544616 24.418461A215.433846 215.433846 0 0 0 232.172505 669.538462h14.572307a17.723077 17.723077 0 1 0 0-35.052308zM781.981735 102.793846a17.329231 17.329231 0 0 0 12.996923-5.513846 16.147692 16.147692 0 0 0 4.726154-12.603077 16.147692 16.147692 0 0 0-5.513846-12.209231 18.116923 18.116923 0 0 0-24.812308 0 16.541538 16.541538 0 0 0-4.726153 11.815385 17.723077 17.723077 0 0 0 17.32923 18.510769zM873.747889 270.572308V256a250.486154 250.486154 0 0 0-33.083077-124.455385 17.723077 17.723077 0 0 0-24.024615-6.301538 17.329231 17.329231 0 0 0-6.301539 24.024615 215.433846 215.433846 0 0 1 28.356924 106.732308 169.353846 169.353846 0 0 1 0 24.418462 16.935385 16.935385 0 0 0 12.20923 18.510769 174.08 174.08 0 0 1 120.91077 163.446154 177.230769 177.230769 0 0 1-179.593847 173.292307h-14.572307a17.723077 17.723077 0 1 0 0 35.052308h14.572307a211.889231 211.889231 0 0 0 214.646154-208.344615 207.163077 207.163077 0 0 0-133.12-191.803077zM732.750966 29.144615a272.147692 272.147692 0 0 0-265.846154 11.815385A258.363077 258.363077 0 0 0 371.594043 146.116923a150.843077 150.843077 0 0 0-73.649231-18.904615 147.298462 147.298462 0 0 0-149.267692 143.36A207.556923 207.556923 0 0 0 17.132505 462.375385a202.830769 202.830769 0 0 0 31.901538 109.48923 18.116923 18.116923 0 0 0 14.966154 7.876923 17.329231 17.329231 0 0 0 9.452308-2.756923 15.753846 15.753846 0 0 0 7.483077-11.027692 15.36 15.36 0 0 0-2.363077-14.572308 170.535385 170.535385 0 0 1-25.993847-90.584615 174.08 174.08 0 0 1 118.153847-163.052308 17.329231 17.329231 0 0 0 12.20923-18.116923 82.313846 82.313846 0 0 1 0-9.452307 111.852308 111.852308 0 0 1 115.003077-107.913847 118.153846 118.153846 0 0 1 70.498462 24.024616 18.904615 18.904615 0 0 0 15.753846 3.150769 19.692308 19.692308 0 0 0 11.815385-10.633846 233.156923 233.156923 0 0 1 320.590769-118.153846 17.723077 17.723077 0 0 0 16.147692-31.507693zM511.409428 459.224615a630.153846 630.153846 0 0 0-67.741539 3.15077 17.329231 17.329231 0 0 0-15.753846 19.298461 17.723077 17.723077 0 0 0 19.298462 15.753846c20.48-1.969231 42.141538-3.150769 64.196923-3.150769 106.732308 0 171.716923 23.630769 176.836923 34.658462-5.12 12.603077-70.104615 35.84-176.836923 35.84s-170.929231-23.236923-176.443077-34.264616c0-2.756923 12.209231-12.603077 45.292307-21.267692a17.723077 17.723077 0 0 0 12.603077-21.661539 18.116923 18.116923 0 0 0-21.267692-12.996923c-47.655385 12.603077-71.68 31.113846-71.68 55.138462v370.609231a17.723077 17.723077 0 0 0 17.723077 17.723077 17.723077 17.723077 0 0 0 17.723077-17.723077v-46.08a472.615385 472.615385 0 0 0 176.443077 28.356923 474.978462 474.978462 0 0 0 174.867692-28.356923v98.461538c-5.12 12.603077-70.104615 35.84-176.836923 35.84-89.796923 0-157.538462-16.935385-174.08-33.083077a17.723077 17.723077 0 0 0-25.206154 0 17.723077 17.723077 0 0 0 0 24.812308c27.963077 25.993846 105.944615 42.535385 196.923077 42.535385 78.769231 0 211.889231-14.966154 211.889231-70.498462v-192.984615a17.723077 17.723077 0 0 0-17.723077-17.723077 17.723077 17.723077 0 0 0-17.723077 17.723077v51.987692c-5.12 12.603077-70.104615 36.233846-176.836923 36.233846s-171.716923-23.630769-176.443077-35.446154V712.861538a472.615385 472.615385 0 0 0 176.443077 28.75077c78.769231 0 211.889231-14.966154 211.889231-70.892308v-140.996923c4.332308-57.107692-128.787692-70.498462-207.556923-70.498462z m0 246.941539c-106.732308 0-171.716923-23.236923-176.443077-35.446154v-99.249231a465.526154 465.526154 0 0 0 176.443077 28.750769 467.495385 467.495385 0 0 0 175.261538-28.750769V669.538462c-3.544615 13.390769-68.529231 36.627692-175.261538 36.627692z"
fill="#333333" p-id="3835"></path>
</svg>
<p>Mysql</p>
</div>
<div class="li1-box borderbefore">
<svg t="1663164362075" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="4757" width="30" height="30">
<path
d="M695.765333 981.333333h-276.053333c-26.794667 0-47.317333-21.077333-47.317333-48.64V739.84c0-29.184 6.314667-56.746667 17.365333-81.066667-129.365333-48.64-214.528-150.784-214.528-264.277333 0-53.504 17.365333-103.765333 50.474667-147.498667-12.629333-42.154667-15.786667-95.658667-12.629334-157.269333C216.234667 62.122667 236.8 42.666667 261.973333 42.666667c14.208 0 134.101333 1.621333 203.52 64.853333a504.448 504.448 0 0 1 184.533334 0C717.866667 44.288 837.717333 42.666667 853.504 42.666667c25.216 0 45.738667 19.456 47.317333 45.397333 4.693333 61.610667 0 115.114667-12.629333 157.269333C921.301333 290.688 938.666667 340.906667 938.666667 392.832c0 113.493333-85.162667 215.637333-214.528 264.277333a207.786667 207.786667 0 0 1 17.365333 81.066667v192.896c1.578667 27.562667-20.48 50.261333-45.738667 50.261333z m-228.693333-97.28h181.333333V739.84c0-27.562667-12.586667-53.504-33.109333-71.338667-14.165333-11.349333-20.48-30.805333-15.786667-50.261333 4.778667-17.834667 18.944-32.426667 36.309334-35.669333 123.050667-24.32 208.213333-102.144 208.213333-189.696 0-47.018667-25.258667-82.688-45.738667-105.386667-14.208-14.549333-17.365333-35.626667-7.893333-55.082667 6.314667-12.970667 15.786667-40.533333 15.786667-89.173333-39.466667 6.485333-85.205333 19.456-102.528 45.397333-11.093333 16.213333-31.573333 24.32-50.474667 19.456a393.045333 393.045333 0 0 0-194.005333 0c-18.944 4.864-37.888-3.242667-50.474667-19.456-17.365333-25.941333-63.146667-38.912-102.528-45.397333 1.578667 48.64 9.429333 76.202667 15.786667 89.173333 7.850667 17.834667 4.693333 40.533333-7.936 55.082667-20.48 22.698667-45.738667 58.368-45.738667 105.386667 0 87.552 85.205333 163.754667 208.213333 189.696 17.365333 3.242667 31.573333 17.834667 36.266667 35.669333 4.736 17.834667-1.578667 37.290667-15.786667 50.261333a95.104 95.104 0 0 0-33.109333 71.296v144.298667h3.157333z"
p-id="4758"></path>
<path
d="M403.968 788.394667c-212.949333 0-309.162667-194.56-313.898667-202.666667-11.050667-24.32-1.578667-53.461333 20.48-64.810667 23.68-11.349333 52.053333-1.621333 63.146667 21.077334 3.114667 6.485333 80.426667 157.269333 241.28 149.162666 26.837333-1.621333 48.896 19.456 48.896 46.976 1.578667 27.562667-18.901333 50.261333-45.738667 50.261334h-14.165333z"
p-id="4759"></path>
</svg>
<p>github</p>
</div>
<div class="li1-box borderbefore">
<svg t="1663164383323" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="5574" width="30" height="30">
<path
d="M711.68 306.688l-97.28 56.32V256L311.296 80.896 7.68 256v350.208l303.616 175.104 33.28-19.456v-73.728l-33.28 19.456-239.616-138.24v-276.48l239.616-138.24 239.616 138.24V568.832L472.576 614.4v-95.744l14.336-8.192V436.736l-78.336 45.056v350.208l303.616 175.104 303.616-175.104V481.792L711.68 306.688z m239.616 488.448l-239.616 138.24-239.616-138.24v-106.496l142.336-81.92V436.736l97.28-56.32 239.616 138.24v276.48z"
p-id="5575"></path>
</svg>
<p>中间件</p>
</div>
<div class="li1-box borderbefore">
<svg t="1663164411953" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="6509" width="30" height="30">
<path
d="M781.041526 702.256158c-16.83134 0-34.491559-1.680269-52.873208-5.064342-85.793992-15.801894-151.311171-82.962503-213.415624-152.277172-62.652945 69.642127-129.096217 136.478348-217.570247 152.294568-70.713528 12.640901-130.713041 0.388856-173.508729-35.43607-40.167838-33.624818-61.400419-85.202521-61.400419-149.156088 0-64.520479 21.726837-116.567879 62.833047-150.514015 43.171242-35.655058 102.770642-47.420009 172.33909-34.026978 87.798649 16.901948 154.213267 86.10303 217.33284 156.718321 62.184271-69.613474 127.35148-138.577149 212.878388-156.647713l0 0c67.512626-14.261818 128.272455-3.003404 171.080423 31.705096 41.557488 33.694403 64.444754 87.947028 64.444754 152.765289 0 64.296375-21.394263 116.095112-61.869093 149.797701C869.62198 688.800705 828.659033 702.256158 781.041526 702.256158zM541.569456 514.873444c60.654428 67.89125 119.423927 129.252783 193.847963 142.959969 58.313104 10.744715 106.824981 1.688455 140.287093-26.172079 31.04711-25.853831 47.458895-67.01837 47.458895-119.045303 0-53.279461-17.161868-95.356788-49.629327-121.68134-33.737382-27.353998-81.32112-35.529191-137.603984-23.635303C661.437497 383.037836 602.76112 446.251553 541.569456 514.873444zM243.962338 362.741581c-37.352723 0-69.124334 10.190083-93.373621 30.216185-31.596625 26.093285-48.296983 67.471694-48.296983 119.659287 0 51.728128 16.276708 92.695169 47.070039 118.471229 33.419134 27.975145 82.102926 37.217646 140.779304 26.728758 77.165474-13.795191 136.761803-74.853825 197.828624-142.966109C426.068885 445.440072 366.364085 382.095371 289.87911 367.369995 273.809109 364.277564 258.462586 362.741581 243.962338 362.741581z"
p-id="6510"></path>
</svg>
<p>其他</p>
</div>
</div>
<div class="content-li li2">
<h3>
<span>文章
</span>
<div class="borderbotm"></div>
<span>02</span>
</h3>
<div class="li2-box carbox">
<div class="address-wrap">
<div class="address-left">
<span class="zd">置顶</span>
<span>vue</span>
</div>
<div class="address-right">
<svg t="1663149212139" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="1979" width="20" height="20">
<path
d="M192 512a320 320 0 1 1 640 0 320 320 0 0 1-640 0zM512 128a384 384 0 1 0 0 768 384 384 0 0 0 0-768z m21.333333 224a32 32 0 0 0-64 0V554.666667h202.666667a32 32 0 0 0 0-64H533.333333V352z"
fill="#222222" p-id="1980"></path>
</svg>
<span>2022-09-14 15:43:23</span>
</div>
</div>
<p>Vue CLI(1): npm run build打包优化</p>
<div class="text-img">
<img src="./img/project/uniapp.png" alt="">
<img src="./img/project/daohanglan.png" alt="">
</div>
<p>原因一：vue-cli npm run build 命令打包时默认会把 dependencies 中的依赖统一打包，这就导致打包后的
vendor.js 文件过大，从而使得首次启动时下载 vendor.js
缓慢。</p>
<div class="text-block">
<blockquote>
解决:vue、axios、element-ui、iView基本不再修改的依赖cdn引入不必要打包到 vendor.js 中
</blockquote>
</div>
<p class="text-hover">
①在项目 根目录 index.html 使用cdn节点引入各种依赖 <br>
②在项目 根目录 build/webpack.base.config.js 中 module.exports 内添加 externals <br>
③在项目 根目录 src/mian.js 中将以上通过CDN已经引入的依赖 import ... from ... 删除(如：import Vue
from
'vue')，若没有删除则webpack还是会把对应的依赖进行打包。
</p>
<p>原因二：vue-cli npm run build 命令打包时默认会生成 相对应的map(调试和日志代码)文件，从而导致打包后的整个
static文件夹
过大(尤其是vendor.js.map最大)，使得部署和上传缓慢。</p>
<div class="text-block">
<blockquote>
解决:webpack打包时不产生map文件
</blockquote>
</div>
<p class="text-hover">
在项目 根目录 config/index.js 中 build 内找到 productionSourceMap: true, 把
true改为false。从而重新打包以后，系统就不会自动生成 map文件了。
</p>
<p>原因三：vue-cli npm run build 命令打包时 压缩优化不彻底。这里 webpack 其实自带有一个优化打包的方法(Gzip
文件压缩)，只是 vue-cli 默认没有使用。
(在node服务器在中也可以使用Gzip压缩)</p>
<div class="text-block">
<blockquote>
解决法案：webpack 自带优化打包的方法(Gzip 文件压缩)
</blockquote>
</div>
<p class="text-hover">
①在项目 根目录config/index.js 中 build 内找到 productionGzip: false， 把 false改为true。与
productionSourceMap 刚好相反。 <br>
②安装插件 compression-webpack-plugin<br>注:安装的时候带上版本号，现在 compression-webpack-plugin
2.0已出，默认该命令安装最新版，最新版本和当前的webpack不匹配，要报错。 <br>
cnpm install --save-dev [email protected] //1.1最新版 <br>
③compression-webpack-plugin安装完成后，npm run build
执行后会发现js文件夹内每个js文件都有一个相对应的gz后缀文件，而且gz文件比相对应的js文件小很多。浏览器如果支持
g-zip 会自动查找有没有gz文件，找到了就直接加载gz文件然后本地解压并执行。
</p>
</div>
</div>
<div class="content-li li3">
<h3>
<span>全部文章</span>
<div class="borderbotm"></div>
<span>03</span>
</h3>
<div class="time-tags-wrap">
<span>2022年9月 <i>2</i></span>
<span>2022年8月 <i>2</i></span>
<span>2022年7月 <i>3</i></span>
</div>
<div class="carbox li3-box">
<a>数组的响应式检测：(解决方法：总是返回一个新数组)</a>
<p>Vue.set(vm.items, indexOfItem, newValue) <br>
vm.$set(vm.items, indexOfItem, newValue) // vm.$set是Vue.set方法的一个别名 <br>
vm.items.splice(indexOfItem, 1, newValue)</p>
<div class="address-wrap">
<div class="address-left">
<span class="zd">置顶</span>
<span>vue</span>
<span>踩坑</span>
</div>
<div class="address-right">
<span>
<svg t="1663167559418" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="8282" width="20" height="20">
<path
d="M857.28 344.992h-264.832c12.576-44.256 18.944-83.584 18.944-118.208 0-78.56-71.808-153.792-140.544-143.808-60.608 8.8-89.536 59.904-89.536 125.536v59.296c0 76.064-58.208 140.928-132.224 148.064l-117.728-0.192A67.36 67.36 0 0 0 64 483.04V872c0 37.216 30.144 67.36 67.36 67.36h652.192a102.72 102.72 0 0 0 100.928-83.584l73.728-388.96a102.72 102.72 0 0 0-100.928-121.824zM128 872V483.04c0-1.856 1.504-3.36 3.36-3.36H208v395.68H131.36A3.36 3.36 0 0 1 128 872z m767.328-417.088l-73.728 388.96a38.72 38.72 0 0 1-38.048 31.488H272V476.864a213.312 213.312 0 0 0 173.312-209.088V208.512c0-37.568 12.064-58.912 34.72-62.176 27.04-3.936 67.36 38.336 67.36 80.48 0 37.312-9.504 84-28.864 139.712a32 32 0 0 0 30.24 42.496h308.512a38.72 38.72 0 0 1 38.048 45.888z"
p-id="8283"></path>
</svg>
1
</span>
<svg t="1663149212139" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="1979" width="20" height="20">
<path
d="M192 512a320 320 0 1 1 640 0 320 320 0 0 1-640 0zM512 128a384 384 0 1 0 0 768 384 384 0 0 0 0-768z m21.333333 224a32 32 0 0 0-64 0V554.666667h202.666667a32 32 0 0 0 0-64H533.333333V352z"
fill="#222222" p-id="1980"></path>
</svg>
<span>2022-09-10 13:20:23</span>
</div>
</div>
</div>
<div class="carbox li3-box">
<a>computed和method区别</a>
<p>computed具有缓存功能，计算结果(data依赖数据)发生变化时才会被调用；(结果相同即使多次调用也只执行一次)
methods页面加载调用一次，主动触发就调用(只执行逻辑代码)
</p>
<div class="address-wrap">
<div class="address-left">
<span>vue</span>
<span>踩坑</span>
</div>
<div class="address-right">
<span>
<svg t="1663167559418" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="8282" width="20" height="20">
<path
d="M857.28 344.992h-264.832c12.576-44.256 18.944-83.584 18.944-118.208 0-78.56-71.808-153.792-140.544-143.808-60.608 8.8-89.536 59.904-89.536 125.536v59.296c0 76.064-58.208 140.928-132.224 148.064l-117.728-0.192A67.36 67.36 0 0 0 64 483.04V872c0 37.216 30.144 67.36 67.36 67.36h652.192a102.72 102.72 0 0 0 100.928-83.584l73.728-388.96a102.72 102.72 0 0 0-100.928-121.824zM128 872V483.04c0-1.856 1.504-3.36 3.36-3.36H208v395.68H131.36A3.36 3.36 0 0 1 128 872z m767.328-417.088l-73.728 388.96a38.72 38.72 0 0 1-38.048 31.488H272V476.864a213.312 213.312 0 0 0 173.312-209.088V208.512c0-37.568 12.064-58.912 34.72-62.176 27.04-3.936 67.36 38.336 67.36 80.48 0 37.312-9.504 84-28.864 139.712a32 32 0 0 0 30.24 42.496h308.512a38.72 38.72 0 0 1 38.048 45.888z"
p-id="8283"></path>
</svg>
1
</span>
<svg t="1663149212139" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="1979" width="20" height="20">
<path
d="M192 512a320 320 0 1 1 640 0 320 320 0 0 1-640 0zM512 128a384 384 0 1 0 0 768 384 384 0 0 0 0-768z m21.333333 224a32 32 0 0 0-64 0V554.666667h202.666667a32 32 0 0 0 0-64H533.333333V352z"
fill="#222222" p-id="1980"></path>
</svg>
<span>2022-08-27 15:30:23</span>
</div>
</div>
</div>
<div class="carbox li3-box">
<a>对象响应式属性的添加或删除(！！致使引导地址发生改变才会触发响应)</a>
<p>
Vue.set(object, key, value) <br>
vm.userProfile = Object.assign({}, vm.object, { 在vuex中可以这样修改 <br>
key: value,<br>
key: value<br>
})
</p>
<div class="address-wrap">
<div class="address-left">
<span>vue</span>
<span>踩坑</span>
</div>
<div class="address-right">
<span>
<svg t="1663167559418" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="8282" width="20" height="20">
<path
d="M857.28 344.992h-264.832c12.576-44.256 18.944-83.584 18.944-118.208 0-78.56-71.808-153.792-140.544-143.808-60.608 8.8-89.536 59.904-89.536 125.536v59.296c0 76.064-58.208 140.928-132.224 148.064l-117.728-0.192A67.36 67.36 0 0 0 64 483.04V872c0 37.216 30.144 67.36 67.36 67.36h652.192a102.72 102.72 0 0 0 100.928-83.584l73.728-388.96a102.72 102.72 0 0 0-100.928-121.824zM128 872V483.04c0-1.856 1.504-3.36 3.36-3.36H208v395.68H131.36A3.36 3.36 0 0 1 128 872z m767.328-417.088l-73.728 388.96a38.72 38.72 0 0 1-38.048 31.488H272V476.864a213.312 213.312 0 0 0 173.312-209.088V208.512c0-37.568 12.064-58.912 34.72-62.176 27.04-3.936 67.36 38.336 67.36 80.48 0 37.312-9.504 84-28.864 139.712a32 32 0 0 0 30.24 42.496h308.512a38.72 38.72 0 0 1 38.048 45.888z"
p-id="8283"></path>
</svg>
5
</span>
<svg t="1663149212139" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="1979" width="20" height="20">
<path
d="M192 512a320 320 0 1 1 640 0 320 320 0 0 1-640 0zM512 128a384 384 0 1 0 0 768 384 384 0 0 0 0-768z m21.333333 224a32 32 0 0 0-64 0V554.666667h202.666667a32 32 0 0 0 0-64H533.333333V352z"
fill="#222222" p-id="1980"></path>
</svg>
<span>2022-07-10 10:43:23</span>
</div>
</div>
</div>
</div>
<div class="borderbotm"></div>
<div class="carbox copybottm">
© 2022 wttandroid
</div>
</div>
</div>
</body>
<script src="./js/base.js"></script>
<script type="text/javascript" src="./js/paper-full.min.js"></script>
<script type="text/javascript" src="./js/canvas.js"></script>
</html>