-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
85 lines (84 loc) · 38.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>最后的愿望</title>
<meta name="generator" content="VuePress 1.9.7">
<link rel="icon" href="/img/panda-waving.png">
<meta name="description" content="web前端技术博客,简洁至上,专注web前端学习与总结。JavaScript,js,ES6,TypeScript,vue,python,css3,html5,Node,git,github等技术文章。">
<meta name="keywords" content="前端博客,个人技术博客,前端,前端开发,前端框架,web前端,前端面试题,技术文档,学习,面试,JavaScript,js,ES6,TypeScript,vue,python,css3,html5,Node,git,github,markdown">
<meta name="theme-color" content="#11a8cd">
<link rel="preload" href="/assets/css/0.styles.c4686584.css" as="style"><link rel="preload" href="/assets/js/app.0a491131.js" as="script"><link rel="preload" href="/assets/js/3.e939b714.js" as="script"><link rel="preload" href="/assets/js/285.9b700d48.js" as="script"><link rel="prefetch" href="/assets/js/1.60f0de36.js"><link rel="prefetch" href="/assets/js/10.02c06d89.js"><link rel="prefetch" href="/assets/js/100.a9c0107d.js"><link rel="prefetch" href="/assets/js/101.90235a4e.js"><link rel="prefetch" href="/assets/js/102.c4839a72.js"><link rel="prefetch" href="/assets/js/103.1f40532b.js"><link rel="prefetch" href="/assets/js/104.47a3b7aa.js"><link rel="prefetch" href="/assets/js/105.f2ebd65c.js"><link rel="prefetch" href="/assets/js/106.d938bdfa.js"><link rel="prefetch" href="/assets/js/107.0927057e.js"><link rel="prefetch" href="/assets/js/108.f4ad507e.js"><link rel="prefetch" href="/assets/js/109.58d87a41.js"><link rel="prefetch" href="/assets/js/11.9ec2ef8e.js"><link rel="prefetch" href="/assets/js/110.3fb52a19.js"><link rel="prefetch" href="/assets/js/111.0d2d1f9d.js"><link rel="prefetch" href="/assets/js/112.2ad15bc5.js"><link rel="prefetch" href="/assets/js/113.6e7de391.js"><link rel="prefetch" href="/assets/js/114.1c1bea4c.js"><link rel="prefetch" href="/assets/js/115.c7d02b65.js"><link rel="prefetch" href="/assets/js/116.bfe55dbc.js"><link rel="prefetch" href="/assets/js/117.1089362c.js"><link rel="prefetch" href="/assets/js/118.bfe87e17.js"><link rel="prefetch" href="/assets/js/119.b8ad411d.js"><link rel="prefetch" href="/assets/js/12.0bdaadc9.js"><link rel="prefetch" href="/assets/js/120.29e36b3c.js"><link rel="prefetch" href="/assets/js/121.6f781930.js"><link rel="prefetch" href="/assets/js/122.2906e3df.js"><link rel="prefetch" href="/assets/js/123.f5b8423a.js"><link rel="prefetch" href="/assets/js/124.e51f3923.js"><link rel="prefetch" href="/assets/js/125.48c598e3.js"><link rel="prefetch" href="/assets/js/126.37630379.js"><link rel="prefetch" href="/assets/js/127.78eda900.js"><link rel="prefetch" href="/assets/js/128.8e914b50.js"><link rel="prefetch" href="/assets/js/129.050b8ac1.js"><link rel="prefetch" href="/assets/js/13.95d20c2d.js"><link rel="prefetch" href="/assets/js/130.bbe025a7.js"><link rel="prefetch" href="/assets/js/131.d24c5c95.js"><link rel="prefetch" href="/assets/js/132.c167c6fa.js"><link rel="prefetch" href="/assets/js/133.3dd587b7.js"><link rel="prefetch" href="/assets/js/134.7e500376.js"><link rel="prefetch" href="/assets/js/135.593b6163.js"><link rel="prefetch" href="/assets/js/136.37fc0552.js"><link rel="prefetch" href="/assets/js/137.3724f0c2.js"><link rel="prefetch" href="/assets/js/138.ff85caa9.js"><link rel="prefetch" href="/assets/js/139.26234a39.js"><link rel="prefetch" href="/assets/js/14.36c32df1.js"><link rel="prefetch" href="/assets/js/140.b048a538.js"><link rel="prefetch" href="/assets/js/141.bca8c4ef.js"><link rel="prefetch" href="/assets/js/142.f9bf435e.js"><link rel="prefetch" href="/assets/js/143.8e8bd420.js"><link rel="prefetch" href="/assets/js/144.b0000285.js"><link rel="prefetch" href="/assets/js/145.fc2d37ba.js"><link rel="prefetch" href="/assets/js/146.6b21b81a.js"><link rel="prefetch" href="/assets/js/147.b5347dbd.js"><link rel="prefetch" href="/assets/js/148.8c545ec1.js"><link rel="prefetch" href="/assets/js/149.4db2c1a1.js"><link rel="prefetch" href="/assets/js/15.b6cee57e.js"><link rel="prefetch" href="/assets/js/150.66ac848b.js"><link rel="prefetch" href="/assets/js/151.a9a8e0fa.js"><link rel="prefetch" href="/assets/js/152.09bc0a16.js"><link rel="prefetch" href="/assets/js/153.b1d82c14.js"><link rel="prefetch" href="/assets/js/154.9e450586.js"><link rel="prefetch" href="/assets/js/155.12ffe3bd.js"><link rel="prefetch" href="/assets/js/156.f98950d1.js"><link rel="prefetch" href="/assets/js/157.3ac9ecb8.js"><link rel="prefetch" href="/assets/js/158.09b57cf8.js"><link rel="prefetch" href="/assets/js/159.8adfab73.js"><link rel="prefetch" href="/assets/js/16.b542e178.js"><link rel="prefetch" href="/assets/js/160.585604c6.js"><link rel="prefetch" href="/assets/js/161.af94a6ef.js"><link rel="prefetch" href="/assets/js/162.aa8e79c1.js"><link rel="prefetch" href="/assets/js/163.f2e49c1b.js"><link rel="prefetch" href="/assets/js/164.27a23305.js"><link rel="prefetch" href="/assets/js/165.5ba1cec7.js"><link rel="prefetch" href="/assets/js/166.56a72189.js"><link rel="prefetch" href="/assets/js/167.c38026fe.js"><link rel="prefetch" href="/assets/js/168.10b08d93.js"><link rel="prefetch" href="/assets/js/169.aada75f5.js"><link rel="prefetch" href="/assets/js/17.99dbb29c.js"><link rel="prefetch" href="/assets/js/170.02230d54.js"><link rel="prefetch" href="/assets/js/171.12d2af9c.js"><link rel="prefetch" href="/assets/js/172.3a6c10e8.js"><link rel="prefetch" href="/assets/js/173.5429bcf4.js"><link rel="prefetch" href="/assets/js/174.7aacc8a1.js"><link rel="prefetch" href="/assets/js/175.a7a35d6e.js"><link rel="prefetch" href="/assets/js/176.f97092ba.js"><link rel="prefetch" href="/assets/js/177.ceb9f7d6.js"><link rel="prefetch" href="/assets/js/178.faf2f842.js"><link rel="prefetch" href="/assets/js/179.6be68857.js"><link rel="prefetch" href="/assets/js/18.49f79292.js"><link rel="prefetch" href="/assets/js/180.c120394f.js"><link rel="prefetch" href="/assets/js/181.614c2dea.js"><link rel="prefetch" href="/assets/js/182.cf3e42a6.js"><link rel="prefetch" href="/assets/js/183.cb35e91c.js"><link rel="prefetch" href="/assets/js/184.a7e55cdd.js"><link rel="prefetch" href="/assets/js/185.10f15b6c.js"><link rel="prefetch" href="/assets/js/186.e3cfa3fb.js"><link rel="prefetch" href="/assets/js/187.acb7b96c.js"><link rel="prefetch" href="/assets/js/188.13bba2ae.js"><link rel="prefetch" href="/assets/js/189.3f713441.js"><link rel="prefetch" href="/assets/js/19.4b302882.js"><link rel="prefetch" href="/assets/js/190.e52a63b8.js"><link rel="prefetch" href="/assets/js/191.efc59b2e.js"><link rel="prefetch" href="/assets/js/192.30f2b12e.js"><link rel="prefetch" href="/assets/js/193.5ed07fea.js"><link rel="prefetch" href="/assets/js/194.cc03906c.js"><link rel="prefetch" href="/assets/js/195.c2def90a.js"><link rel="prefetch" href="/assets/js/196.04cc4365.js"><link rel="prefetch" href="/assets/js/197.9c73d4c3.js"><link rel="prefetch" href="/assets/js/198.047c36d5.js"><link rel="prefetch" href="/assets/js/199.881ff7e2.js"><link rel="prefetch" href="/assets/js/20.2cc33aa4.js"><link rel="prefetch" href="/assets/js/200.957d7be5.js"><link rel="prefetch" href="/assets/js/201.28f1d6d8.js"><link rel="prefetch" href="/assets/js/202.f2ae7dd2.js"><link rel="prefetch" href="/assets/js/203.eba3bc52.js"><link rel="prefetch" href="/assets/js/204.db0111b6.js"><link rel="prefetch" href="/assets/js/205.970c102b.js"><link rel="prefetch" href="/assets/js/206.8e0f3bc9.js"><link rel="prefetch" href="/assets/js/207.2353f86c.js"><link rel="prefetch" href="/assets/js/208.2c679366.js"><link rel="prefetch" href="/assets/js/209.450e0ffd.js"><link rel="prefetch" href="/assets/js/21.5d6abe07.js"><link rel="prefetch" href="/assets/js/210.f8fdd265.js"><link rel="prefetch" href="/assets/js/211.d552daf9.js"><link rel="prefetch" href="/assets/js/212.841d8a8d.js"><link rel="prefetch" href="/assets/js/213.a68d6658.js"><link rel="prefetch" href="/assets/js/214.8a082dfd.js"><link rel="prefetch" href="/assets/js/215.86ebacb4.js"><link rel="prefetch" href="/assets/js/216.8bd4ac2b.js"><link rel="prefetch" href="/assets/js/217.4ea55609.js"><link rel="prefetch" href="/assets/js/218.75a22004.js"><link rel="prefetch" href="/assets/js/219.495c7442.js"><link rel="prefetch" href="/assets/js/22.c259292c.js"><link rel="prefetch" href="/assets/js/220.b654c2f7.js"><link rel="prefetch" href="/assets/js/221.7bd45b65.js"><link rel="prefetch" href="/assets/js/222.da6f9a7a.js"><link rel="prefetch" href="/assets/js/223.f06afdec.js"><link rel="prefetch" href="/assets/js/224.2dcfb156.js"><link rel="prefetch" href="/assets/js/225.e07a387b.js"><link rel="prefetch" href="/assets/js/226.d708f5fa.js"><link rel="prefetch" href="/assets/js/227.6256dc53.js"><link rel="prefetch" href="/assets/js/228.2ccc1ed9.js"><link rel="prefetch" href="/assets/js/229.25e71668.js"><link rel="prefetch" href="/assets/js/23.6eb89b7d.js"><link rel="prefetch" href="/assets/js/230.126b4b7d.js"><link rel="prefetch" href="/assets/js/231.181fc409.js"><link rel="prefetch" href="/assets/js/232.9dc1f901.js"><link rel="prefetch" href="/assets/js/233.0d399051.js"><link rel="prefetch" href="/assets/js/234.624de3cf.js"><link rel="prefetch" href="/assets/js/235.39062607.js"><link rel="prefetch" href="/assets/js/236.0cb4c608.js"><link rel="prefetch" href="/assets/js/237.42d687f9.js"><link rel="prefetch" href="/assets/js/238.1a28e9e6.js"><link rel="prefetch" href="/assets/js/239.82a4251b.js"><link rel="prefetch" href="/assets/js/24.b6c27126.js"><link rel="prefetch" href="/assets/js/240.e89eedc1.js"><link rel="prefetch" href="/assets/js/241.0bdf678e.js"><link rel="prefetch" href="/assets/js/242.6e096dce.js"><link rel="prefetch" href="/assets/js/243.ea171779.js"><link rel="prefetch" href="/assets/js/244.d9b1ad5f.js"><link rel="prefetch" href="/assets/js/245.2d20d7b1.js"><link rel="prefetch" href="/assets/js/246.623afea4.js"><link rel="prefetch" href="/assets/js/247.3fa8be75.js"><link rel="prefetch" href="/assets/js/248.078a687b.js"><link rel="prefetch" href="/assets/js/249.fb07264a.js"><link rel="prefetch" href="/assets/js/25.bb78b61e.js"><link rel="prefetch" href="/assets/js/250.d243d90e.js"><link rel="prefetch" href="/assets/js/251.9d0ad948.js"><link rel="prefetch" href="/assets/js/252.b44934bd.js"><link rel="prefetch" href="/assets/js/253.45741fb7.js"><link rel="prefetch" href="/assets/js/254.7bf6cedb.js"><link rel="prefetch" href="/assets/js/255.03208502.js"><link rel="prefetch" href="/assets/js/256.9f5c42e4.js"><link rel="prefetch" href="/assets/js/257.a3edc064.js"><link rel="prefetch" href="/assets/js/258.78aab245.js"><link rel="prefetch" href="/assets/js/259.1e58d5b4.js"><link rel="prefetch" href="/assets/js/26.2322130c.js"><link rel="prefetch" href="/assets/js/260.2ec7cc9a.js"><link rel="prefetch" href="/assets/js/261.18c5013c.js"><link rel="prefetch" href="/assets/js/262.b6c77900.js"><link rel="prefetch" href="/assets/js/263.f14434bf.js"><link rel="prefetch" href="/assets/js/264.c6cbb781.js"><link rel="prefetch" href="/assets/js/265.6ad406d8.js"><link rel="prefetch" href="/assets/js/266.d1d46847.js"><link rel="prefetch" href="/assets/js/267.c694c92b.js"><link rel="prefetch" href="/assets/js/268.016ff905.js"><link rel="prefetch" href="/assets/js/269.3f2bcfdb.js"><link rel="prefetch" href="/assets/js/27.39f483cf.js"><link rel="prefetch" href="/assets/js/270.afb99f22.js"><link rel="prefetch" href="/assets/js/271.72b74a1a.js"><link rel="prefetch" href="/assets/js/272.01eda959.js"><link rel="prefetch" href="/assets/js/273.1f5e5a3a.js"><link rel="prefetch" href="/assets/js/274.0acb7561.js"><link rel="prefetch" href="/assets/js/275.ea167b11.js"><link rel="prefetch" href="/assets/js/276.1ac24908.js"><link rel="prefetch" href="/assets/js/277.c9e2ad3c.js"><link rel="prefetch" href="/assets/js/278.8ae8adbb.js"><link rel="prefetch" href="/assets/js/279.3e885f67.js"><link rel="prefetch" href="/assets/js/28.c23b333f.js"><link rel="prefetch" href="/assets/js/280.9aa72a59.js"><link rel="prefetch" href="/assets/js/281.b2c665fc.js"><link rel="prefetch" href="/assets/js/282.fe21ab9f.js"><link rel="prefetch" href="/assets/js/283.a9d33247.js"><link rel="prefetch" href="/assets/js/284.6b6b7146.js"><link rel="prefetch" href="/assets/js/286.1361d9c1.js"><link rel="prefetch" href="/assets/js/287.b4fe0bbe.js"><link rel="prefetch" href="/assets/js/288.81d3ee12.js"><link rel="prefetch" href="/assets/js/289.4a121fed.js"><link rel="prefetch" href="/assets/js/29.54c2304c.js"><link rel="prefetch" href="/assets/js/290.b641d113.js"><link rel="prefetch" href="/assets/js/291.1eb5b5be.js"><link rel="prefetch" href="/assets/js/30.56161903.js"><link rel="prefetch" href="/assets/js/31.14dad76e.js"><link rel="prefetch" href="/assets/js/32.5b7e74af.js"><link rel="prefetch" href="/assets/js/33.e46c133c.js"><link rel="prefetch" href="/assets/js/34.cc39bab0.js"><link rel="prefetch" href="/assets/js/35.c8f04a98.js"><link rel="prefetch" href="/assets/js/36.bdc1c80f.js"><link rel="prefetch" href="/assets/js/37.fe49ab81.js"><link rel="prefetch" href="/assets/js/38.c2797029.js"><link rel="prefetch" href="/assets/js/39.0b9df822.js"><link rel="prefetch" href="/assets/js/4.0b97140b.js"><link rel="prefetch" href="/assets/js/40.c238cb89.js"><link rel="prefetch" href="/assets/js/41.867d4b77.js"><link rel="prefetch" href="/assets/js/42.dd60642e.js"><link rel="prefetch" href="/assets/js/43.9adbd499.js"><link rel="prefetch" href="/assets/js/44.ed17c9ab.js"><link rel="prefetch" href="/assets/js/45.e071714b.js"><link rel="prefetch" href="/assets/js/46.ded4e270.js"><link rel="prefetch" href="/assets/js/47.a9b5f80e.js"><link rel="prefetch" href="/assets/js/48.b9fc350d.js"><link rel="prefetch" href="/assets/js/49.31625446.js"><link rel="prefetch" href="/assets/js/5.b0da1f4a.js"><link rel="prefetch" href="/assets/js/50.22284e22.js"><link rel="prefetch" href="/assets/js/51.dadbd329.js"><link rel="prefetch" href="/assets/js/52.5674840e.js"><link rel="prefetch" href="/assets/js/53.7048737d.js"><link rel="prefetch" href="/assets/js/54.6cbf7044.js"><link rel="prefetch" href="/assets/js/55.5665213f.js"><link rel="prefetch" href="/assets/js/56.6a8b0d82.js"><link rel="prefetch" href="/assets/js/57.e3b1f0a3.js"><link rel="prefetch" href="/assets/js/58.d952bb5a.js"><link rel="prefetch" href="/assets/js/59.9521c0c3.js"><link rel="prefetch" href="/assets/js/6.ca0b18b0.js"><link rel="prefetch" href="/assets/js/60.e80cbbf0.js"><link rel="prefetch" href="/assets/js/61.af2094fc.js"><link rel="prefetch" href="/assets/js/62.327c9702.js"><link rel="prefetch" href="/assets/js/63.9f975790.js"><link rel="prefetch" href="/assets/js/64.1a1d3ef3.js"><link rel="prefetch" href="/assets/js/65.228a9b05.js"><link rel="prefetch" href="/assets/js/66.20d9b0ab.js"><link rel="prefetch" href="/assets/js/67.950cd7af.js"><link rel="prefetch" href="/assets/js/68.0d9da103.js"><link rel="prefetch" href="/assets/js/69.f317be82.js"><link rel="prefetch" href="/assets/js/7.3248ea2b.js"><link rel="prefetch" href="/assets/js/70.c14cfa43.js"><link rel="prefetch" href="/assets/js/71.e12aba6a.js"><link rel="prefetch" href="/assets/js/72.7c429ce2.js"><link rel="prefetch" href="/assets/js/73.0121c321.js"><link rel="prefetch" href="/assets/js/74.ee5ae648.js"><link rel="prefetch" href="/assets/js/75.666e7cec.js"><link rel="prefetch" href="/assets/js/76.5f788ec7.js"><link rel="prefetch" href="/assets/js/77.d2e767eb.js"><link rel="prefetch" href="/assets/js/78.98f6b3ae.js"><link rel="prefetch" href="/assets/js/79.92be69c7.js"><link rel="prefetch" href="/assets/js/8.9c622d48.js"><link rel="prefetch" href="/assets/js/80.0614cca5.js"><link rel="prefetch" href="/assets/js/81.0bf39d34.js"><link rel="prefetch" href="/assets/js/82.4bf68771.js"><link rel="prefetch" href="/assets/js/83.8f1a8af9.js"><link rel="prefetch" href="/assets/js/84.bc37566e.js"><link rel="prefetch" href="/assets/js/85.fcc8878e.js"><link rel="prefetch" href="/assets/js/86.b1994bb7.js"><link rel="prefetch" href="/assets/js/87.4a2628e4.js"><link rel="prefetch" href="/assets/js/88.7f195de0.js"><link rel="prefetch" href="/assets/js/89.7ed8e91b.js"><link rel="prefetch" href="/assets/js/9.2bd4b3d3.js"><link rel="prefetch" href="/assets/js/90.fdb226b3.js"><link rel="prefetch" href="/assets/js/91.3dba0dfc.js"><link rel="prefetch" href="/assets/js/92.b73ffa7e.js"><link rel="prefetch" href="/assets/js/93.09202fb5.js"><link rel="prefetch" href="/assets/js/94.65648779.js"><link rel="prefetch" href="/assets/js/95.650189a1.js"><link rel="prefetch" href="/assets/js/96.5445970a.js"><link rel="prefetch" href="/assets/js/97.544adf83.js"><link rel="prefetch" href="/assets/js/98.f354e475.js"><link rel="prefetch" href="/assets/js/99.28d46618.js">
<link rel="stylesheet" href="/assets/css/0.styles.c4686584.css">
</head>
<body class="theme-mode-light">
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open no-sidebar have-body-img"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" aria-current="page" class="home-link router-link-exact-active router-link-active"><img src="/img/EB-logo.png" alt="最后的愿望" class="logo"> <span class="site-name can-hide">最后的愿望</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/" aria-current="page" class="nav-link router-link-exact-active router-link-active">首页</a></div><div class="nav-item"><a href="/pages/712a66/" class="nav-link">记录</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="学习" class="dropdown-title"><!----> <span class="title" style="display:;">学习</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/bcc2f9/" class="nav-link">知识体系</a></li><li class="dropdown-item"><!----> <a href="/pages/f6ad43/" class="nav-link">css</a></li><li class="dropdown-item"><!----> <a href="/pages/1e3bc3/" class="nav-link">javascript</a></li><li class="dropdown-item"><!----> <a href="/pages/7035e5/" class="nav-link">vue</a></li><li class="dropdown-item"><!----> <a href="/pages/bb050b/" class="nav-link">算法</a></li><li class="dropdown-item"><!----> <a href="/pages/a93acf/" class="nav-link">工具</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="句子" class="dropdown-title"><!----> <span class="title" style="display:;">句子</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/0f578e/" class="nav-link">小说</a></li><li class="dropdown-item"><!----> <a href="/pages/05e2c6/" class="nav-link">电影</a></li><li class="dropdown-item"><!----> <a href="/pages/26303c/" class="nav-link">生活</a></li><li class="dropdown-item"><!----> <a href="/pages/31c195/" class="nav-link">名著</a></li><li class="dropdown-item"><!----> <a href="/pages/2eb230/" class="nav-link">动漫</a></li><li class="dropdown-item"><!----> <a href="/pages/c9e4f8/" class="nav-link">闲书</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="收藏" class="dropdown-title"><!----> <span class="title" style="display:;">收藏</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/0796ba76b4b55368/" class="nav-link">《JavaScript教程》</a></li><li class="dropdown-item"><!----> <a href="/pages/f344d070a1031ef7/" class="nav-link">《ES6 教程》</a></li></ul></div></div><div class="nav-item"><a href="/archives/" class="nav-link">归档</a></div> <a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar-hover-trigger"></div> <aside class="sidebar" style="display:none;"><div class="blogger"><img src="/img/lazyCat.jpg"> <div class="blogger-info"><h3>最后的愿望</h3> <span>所谓真人，指的是身心内外洗炼纯净。不迷不惘境界不失，应为便是愿为，此谓真如不二。</span></div></div> <nav class="nav-links"><div class="nav-item"><a href="/" aria-current="page" class="nav-link router-link-exact-active router-link-active">首页</a></div><div class="nav-item"><a href="/pages/712a66/" class="nav-link">记录</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="学习" class="dropdown-title"><!----> <span class="title" style="display:;">学习</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/bcc2f9/" class="nav-link">知识体系</a></li><li class="dropdown-item"><!----> <a href="/pages/f6ad43/" class="nav-link">css</a></li><li class="dropdown-item"><!----> <a href="/pages/1e3bc3/" class="nav-link">javascript</a></li><li class="dropdown-item"><!----> <a href="/pages/7035e5/" class="nav-link">vue</a></li><li class="dropdown-item"><!----> <a href="/pages/bb050b/" class="nav-link">算法</a></li><li class="dropdown-item"><!----> <a href="/pages/a93acf/" class="nav-link">工具</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="句子" class="dropdown-title"><!----> <span class="title" style="display:;">句子</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/0f578e/" class="nav-link">小说</a></li><li class="dropdown-item"><!----> <a href="/pages/05e2c6/" class="nav-link">电影</a></li><li class="dropdown-item"><!----> <a href="/pages/26303c/" class="nav-link">生活</a></li><li class="dropdown-item"><!----> <a href="/pages/31c195/" class="nav-link">名著</a></li><li class="dropdown-item"><!----> <a href="/pages/2eb230/" class="nav-link">动漫</a></li><li class="dropdown-item"><!----> <a href="/pages/c9e4f8/" class="nav-link">闲书</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="收藏" class="dropdown-title"><!----> <span class="title" style="display:;">收藏</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/0796ba76b4b55368/" class="nav-link">《JavaScript教程》</a></li><li class="dropdown-item"><!----> <a href="/pages/f344d070a1031ef7/" class="nav-link">《ES6 教程》</a></li></ul></div></div><div class="nav-item"><a href="/archives/" class="nav-link">归档</a></div> <a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" rel="noopener noreferrer" class="repo-link">
GitHub
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <!----> </aside> <div class="home-wrapper" data-v-4e5b918f><div class="banner" data-v-4e5b918f><div class="banner-conent" data-v-4e5b918f><header class="hero" data-v-4e5b918f><img src="/img/web.png" data-v-4e5b918f> <h1 id="main-title" data-v-4e5b918f>
蹉跎
</h1> <p class="description" data-v-4e5b918f>
自由的人到处磕头拜礼求人收留他的自由
</p> <p class="action" data-v-4e5b918f><a href="/categories/" class="nav-link action-button" data-v-4e5b918f>立刻进入 →</a></p></header> <!----></div> <!----></div> <div class="main-wrapper" data-v-4e5b918f><div class="main-left"><div class="post-list" data-v-4e5b918f><div><div class="post card-box iconfont icon-zhiding"><div class="title-wrapper"><h2><a href="/pages/5dde351274f1e39d/">
如何根据系统主题自动响应CSS深色模式
<!----></a></h2> <div class="article-info"><a title="作者" target="_blank" href="https://github.com/xiaomoumou" class="iconfont icon-touxiang">最后的愿望</a> <span title="创建时间" class="iconfont icon-riqi">2020-03-31</span> <span title="分类" class="iconfont icon-wenjian"><a href="/categories/?category=%E5%AD%A6%E4%B9%A0">学习</a><a href="/categories/?category=css">css</a></span> <span title="标签" class="iconfont icon-biaoqian tags"><a href="/tags/?tag=css">css</a></span></div></div> <div class="excerpt-wrapper"><div class="excerpt"><h1 id="如何根据系统主题自动响应css深色模式"><a class="header-anchor" href="#如何根据系统主题自动响应css深色模式">#</a> 如何根据系统主题自动响应CSS深色模式</h1>
<p align="center">
<img src="https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200427163531.jpg" width="500">
</p>
<p>很多人喜欢选择APP或网站中的深色模式，也许他们更喜欢这样的外观，或者他们想让自己的眼睛免受疲劳。这篇文章将告诉你如何在网站中实现一个自动的CSS深色模式，根据访客的系统主题来自动响应。</p>
</div> <a href="/pages/5dde351274f1e39d/" class="readmore iconfont icon-jiantou-you">阅读全文</a></div></div><div class="post card-box"><div class="title-wrapper"><h2><a href="/pages/54c616/">
2022-03
<!----></a></h2> <div class="article-info"><a title="作者" target="_blank" href="https://github.com/xiaomoumou" class="iconfont icon-touxiang">最后的愿望</a> <span title="创建时间" class="iconfont icon-riqi">2022-03-15</span> <span title="分类" class="iconfont icon-wenjian"><a href="/categories/?category=%E8%AE%B0%E5%BD%95">记录</a></span> <!----></div></div> <!----></div><div class="post card-box"><div class="title-wrapper"><h2><a href="/pages/57a73d/">
vue3
<!----></a></h2> <div class="article-info"><a title="作者" target="_blank" href="https://github.com/xiaomoumou" class="iconfont icon-touxiang">最后的愿望</a> <span title="创建时间" class="iconfont icon-riqi">2022-03-15</span> <span title="分类" class="iconfont icon-wenjian"><a href="/categories/?category=%E5%AD%A6%E4%B9%A0">学习</a><a href="/categories/?category=vue">vue</a></span> <!----></div></div> <!----></div><div class="post card-box"><div class="title-wrapper"><h2><a href="/pages/7f94a7/">
面试常考
<!----></a></h2> <div class="article-info"><a title="作者" target="_blank" href="https://github.com/xiaomoumou" class="iconfont icon-touxiang">最后的愿望</a> <span title="创建时间" class="iconfont icon-riqi">2022-03-14</span> <span title="分类" class="iconfont icon-wenjian"><a href="/categories/?category=%E5%AD%A6%E4%B9%A0">学习</a></span> <!----></div></div> <!----></div><div class="post card-box"><div class="title-wrapper"><h2><a href="/pages/549598/">
闭包
<!----></a></h2> <div class="article-info"><a title="作者" target="_blank" href="https://github.com/xiaomoumou" class="iconfont icon-touxiang">最后的愿望</a> <span title="创建时间" class="iconfont icon-riqi">2022-03-12</span> <span title="分类" class="iconfont icon-wenjian"><a href="/categories/?category=%E5%AD%A6%E4%B9%A0">学习</a><a href="/categories/?category=javascript">javascript</a></span> <!----></div></div> <!----></div><div class="post card-box"><div class="title-wrapper"><h2><a href="/pages/b73cbd/">
vue当中的设计模式
<!----></a></h2> <div class="article-info"><a title="作者" target="_blank" href="https://github.com/xiaomoumou" class="iconfont icon-touxiang">最后的愿望</a> <span title="创建时间" class="iconfont icon-riqi">2022-03-08</span> <span title="分类" class="iconfont icon-wenjian"><a href="/categories/?category=%E5%AD%A6%E4%B9%A0">学习</a><a href="/categories/?category=vue">vue</a></span> <!----></div></div> <!----></div><div class="post card-box"><div class="title-wrapper"><h2><a href="/pages/be1232/">
明克街13号
<!----></a></h2> <div class="article-info"><a title="作者" target="_blank" href="https://github.com/xiaomoumou" class="iconfont icon-touxiang">最后的愿望</a> <span title="创建时间" class="iconfont icon-riqi">2022-03-02</span> <span title="分类" class="iconfont icon-wenjian"><a href="/categories/?category=%E5%8F%A5%E5%AD%90">句子</a><a href="/categories/?category=%E5%B0%8F%E8%AF%B4">小说</a></span> <!----></div></div> <!----></div><div class="post card-box"><div class="title-wrapper"><h2><a href="/pages/73bacf/">
《ES6》1-10
<!----></a></h2> <div class="article-info"><a title="作者" target="_blank" href="https://github.com/xiaomoumou" class="iconfont icon-touxiang">最后的愿望</a> <span title="创建时间" class="iconfont icon-riqi">2022-02-22</span> <span title="分类" class="iconfont icon-wenjian"><a href="/categories/?category=%E5%AD%A6%E4%B9%A0">学习</a><a href="/categories/?category=javascript">javascript</a></span> <!----></div></div> <!----></div><div class="post card-box"><div class="title-wrapper"><h2><a href="/pages/5bd885/">
2022-02
<!----></a></h2> <div class="article-info"><a title="作者" target="_blank" href="https://github.com/xiaomoumou" class="iconfont icon-touxiang">最后的愿望</a> <span title="创建时间" class="iconfont icon-riqi">2022-02-16</span> <span title="分类" class="iconfont icon-wenjian"><a href="/categories/?category=%E8%AE%B0%E5%BD%95">记录</a></span> <!----></div></div> <!----></div><div class="post card-box"><div class="title-wrapper"><h2><a href="/pages/821905/">
Markdown容器
<!----></a></h2> <div class="article-info"><a title="作者" target="_blank" href="https://github.com/xiaomoumou" class="iconfont icon-touxiang">最后的愿望</a> <span title="创建时间" class="iconfont icon-riqi">2022-01-31</span> <span title="分类" class="iconfont icon-wenjian"><a href="/categories/?category=blog%E9%83%A8%E5%88%86">blog部分</a><a href="/categories/?category=vuepress">vuepress</a></span> <!----></div></div> <!----></div></div></div> <div class="pagination" data-v-4e5b918f><span class="card-box prev iconfont icon-jiantou-zuo disabled"><p>上一页</p></span> <div class="pagination-list"><span class="card-box active">1</span> <span title="上两页" class="ellipsis ell-two" style="display:none;"></span> <span class="card-box" style="display:;">2</span> <span class="card-box">3</span> <span title="下两页" class="ellipsis ell-four" style="display:;"></span> <span class="card-box" style="display:none;">27</span> <span class="card-box">28</span></div> <span class="card-box next iconfont icon-jiantou-you"><p>下一页</p></span></div> <div class="theme-vdoing-content custom card-box content__default" data-v-4e5b918f><h1 id="hello-vuepress"><a href="#hello-vuepress" class="header-anchor">#</a> Hello VuePress</h1> <blockquote><p><a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" rel="noopener noreferrer">参考自Vdoing主题演示博客<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p></blockquote></div></div> <div class="main-right"><aside class="blogger-wrapper card-box" data-v-4e5b918f><div class="avatar"><img src="/img/lazyCat.jpg" alt="头像" title="我好看吗"></div> <div class="icons"><a href="mailto:[email protected]" title="发邮件" target="_blank" class="iconfont icon-youjian" style="width:33.333333333333336%;"></a><a href="https://github.com/xiaomoumou" title="GitHub" target="_blank" class="iconfont icon-github" style="width:33.333333333333336%;"></a><a href="https://music.163.com/#/playlist?id=744548454" title="听音乐" target="_blank" class="iconfont icon-erji" style="width:33.333333333333336%;"></a></div> <div class="blogger"><span class="name">最后的愿望</span> <span class="slogan">所谓真人，指的是身心内外洗炼纯净。不迷不惘境界不失，应为便是愿为，此谓真如不二。</span></div></aside> <div class="categories-wrapper card-box" data-v-4e5b918f><a href="/categories/" title="全部分类" class="title iconfont icon-wenjianjia">文章分类</a> <div class="categories"><a href="/categories/?category=%E5%AD%A6%E4%B9%A0">
学习
<span>73</span></a><a href="/categories/?category=css">
css
<span>11</span></a><a href="/categories/?category=%E8%AE%B0%E5%BD%95">
记录
<span>14</span></a><a href="/categories/?category=vue">
vue
<span>12</span></a><a href="/categories/?category=javascript">
javascript
<span>26</span></a><a href="/categories/?category=%E5%8F%A5%E5%AD%90">
句子
<span>140</span></a><a href="/categories/?category=%E5%B0%8F%E8%AF%B4">
小说
<span>73</span></a><a href="/categories/?category=blog%E9%83%A8%E5%88%86">
blog部分
<span>1</span></a><a href="/categories/?category=vuepress">
vuepress
<span>1</span></a><a href="/categories/?category=%E5%90%8D%E8%91%97">
名著
<span>23</span></a> <a href="/categories/" class="more">更多 ...</a></div></div> <div class="tags-wrapper card-box" data-v-4e5b918f><a href="/tags/" title="全部标签" class="title iconfont icon-biaoqian1">热门标签</a> <div class="tags"><a href="/tags/?tag=css" style="background:#E15B64;--random-color:#E15B64;">css</a> <span></span><a href="/tags/?tag=im" style="background:#F8B26A;--random-color:#F8B26A;">im</a> <span></span><a href="/tags/?tag=vue" style="background:#11a8cd;--random-color:#11a8cd;">vue</a> <span></span><a href="/tags/?tag=webpack5" style="background:#F47E60;--random-color:#F47E60;">webpack5</a> <span></span><a href="/tags/?tag=vite" style="background:#F47E60;--random-color:#F47E60;">vite</a> <span></span><a href="/tags/?tag=github" style="background:#F47E60;--random-color:#F47E60;">github</a> <span></span><a href="/tags/?tag=%E7%BD%91%E7%AB%99" style="background:#F47E60;--random-color:#F47E60;">网站</a> <span></span><a href="/tags/?tag=vscode" style="background:#67CC86;--random-color:#67CC86;">vscode</a> <span></span><a href="/tags/?tag=%E6%B3%95%E5%A4%96%E7%8B%82%E5%BE%92%E5%BC%A0%E4%B8%89" style="background:#849B87;--random-color:#849B87;">法外狂徒张三</a> <span></span><a href="/tags/?tag=%E7%9F%A5%E8%AF%86%E4%BD%93%E7%B3%BB" style="background:#E15B64;--random-color:#E15B64;">知识体系</a> <span></span><a href="/tags/?tag=vue-cli" style="background:#849B87;--random-color:#849B87;">vue-cli</a> <span></span><a href="/tags/?tag=git" style="background:#F47E60;--random-color:#F47E60;">git</a> <span></span><a href="/tags/?tag=scss" style="background:#F47E60;--random-color:#F47E60;">scss</a> <span></span><a href="/tags/?tag=flex" style="background:#F8B26A;--random-color:#F8B26A;">flex</a> <span></span><a href="/tags/?tag=%E6%97%A5%E8%AE%B0" style="background:#11a8cd;--random-color:#11a8cd;">日记</a> <span></span><a href="/tags/?tag=npm" style="background:#11a8cd;--random-color:#11a8cd;">npm</a> <span></span><a href="/tags/?tag=yarn" style="background:#F8B26A;--random-color:#F8B26A;">yarn</a> <span></span><a href="/tags/?tag=markdown" style="background:#F47E60;--random-color:#F47E60;">markdown</a> <span></span><a href="/tags/?tag=%E6%96%87%E7%AB%A0%E6%A0%BC%E5%BC%8F%E5%8C%96" style="background:#F47E60;--random-color:#F47E60;">文章格式化</a> <span></span><a href="/tags/?tag=vitepress" style="background:#E15B64;--random-color:#E15B64;">vitepress</a> <span></span><a href="/tags/?tag=%E5%AD%A6%E4%B9%A0" style="background:#F47E60;--random-color:#F47E60;">学习</a> <span></span><a href="/tags/?tag=%E7%9F%A5%E8%AF%86" style="background:#F8B26A;--random-color:#F8B26A;">知识</a> <span></span><a href="/tags/?tag=ES6" style="background:#F8B26A;--random-color:#F8B26A;">ES6</a> <span></span><a href="/tags/?tag=JavaScript" style="background:#F8B26A;--random-color:#F8B26A;">JavaScript</a> <span></span><a href="/tags/?tag=%E5%8D%9A%E5%AE%A2" style="background:#F47E60;--random-color:#F47E60;">博客</a> <span></span> <!----></div></div> <!----></div></div></div> <div class="footer"><div class="icons"><a href="mailto:[email protected]" title="发邮件" target="_blank" class="iconfont icon-youjian"></a><a href="https://github.com/xiaomoumou" title="GitHub" target="_blank" class="iconfont icon-github"></a><a href="https://music.163.com/#/playlist?id=744548454" title="听音乐" target="_blank" class="iconfont icon-erji"></a></div>
Theme by
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
| Copyright © 2021-2022
<span>最后的愿望 | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
跟随系统
</li><li class="iconfont icon-rijianmoshi">
浅色模式
</li><li class="iconfont icon-yejianmoshi">
深色模式
</li><li class="iconfont icon-yuedu">
阅读模式
</li></ul></div></div> <div class="body-bg" style="background:url() center center / cover no-repeat;opacity:0.5;"></div> <!----> <!----></div><div class="global-ui"><div></div></div></div>
<script src="/assets/js/app.0a491131.js" defer></script><script src="/assets/js/3.e939b714.js" defer></script><script src="/assets/js/285.9b700d48.js" defer></script>
</body>
</html>