ZiuChen.github.io/self/index.html

20 lines
29 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>个人介绍 | ZiuChen</title>
<meta name="description" content="Unlimited Progress.">
<link rel="preload stylesheet" href="/assets/style.58f84efc.css" as="style">
<link rel="modulepreload" href="/assets/app.0bcab4cc.js">
<link rel="modulepreload" href="/assets/self_index.md.4a5d4c16.lean.js">
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
</head>
<body>
<div id="app"><div class="Layout" data-v-7a3ccfd4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-9b6ee0d8></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-9b6ee0d8> Skip to content </a><!--]--><!----><header class="VPNav" data-v-7a3ccfd4 data-v-719ca951><div class="VPNavBar has-sidebar" data-v-719ca951 data-v-2e7ba255><div class="container" data-v-2e7ba255><div class="VPNavBarTitle has-sidebar" data-v-2e7ba255 data-v-093469ac><a class="title" href="/" data-v-093469ac><!--[--><!--]--><!--[--><img class="VPImage logo" src="/logo.png" alt data-v-bbcdc917><!--]--><!--[-->ZiuChen<!--]--><!--[--><!--]--></a></div><div class="content" data-v-2e7ba255><!--[--><!--]--><!----><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-2e7ba255 data-v-c0d0f014><span id="main-nav-aria-label" class="visually-hidden" data-v-c0d0f014>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/" data-v-c0d0f014 data-v-f5bf1aba data-v-cb3c066f><!--[-->首页<!--]--><!----></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-c0d0f014 data-v-2caac71f><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-2caac71f><span class="text" data-v-2caac71f><!----> 我的项目 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-2caac71f><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-2caac71f><div class="VPMenu" data-v-2caac71f data-v-71622125><div class="items" data-v-71622125><!--[--><!--[--><div class="VPMenuLink" data-v-71622125 data-v-efaa38fe><a class="VPLink link" href="/project/ClipboardManager/" data-v-efaa38fe data-v-cb3c066f><!--[-->超级剪贴板<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-71622125 data-v-efaa38fe><a class="VPLink link" href="/project/SmartWordBreak/" data-v-efaa38fe data-v-cb3c066f><!--[-->超级分词<!--]--><!----></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-c0d0f014 data-v-2caac71f><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-2caac71f><span class="text" data-v-2caac71f><!----> 开源作品 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-2caac71f><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-2caac71f><div class="VPMenu" data-v-2caac71f data-v-71622125><div class="items" data-v-71622125><!--[--><!--[--><div class="VPMenuLink" data-v-71622125 data-v-efaa38fe><a class="VPLink link" href="/works/opensource.html" data-v-efaa38fe data-v-cb3c066f><!--[-->个人作品<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-71622125 data-v-efaa38fe><a class="VPLink link" href="/works/contribution.html" data-v-efaa38fe data-v-cb3c066f><!--[-->社区贡献<!--]--><!----></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-c0d0f014 data-v-2caac71f><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-2caac71f><span class="text" data-v-2caac71f><!----> 学习笔记 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-2caac71f><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-2caac71f><div class="VPMenu" data-v-2caac71f data-v-71622125><div class="items" data-v-71622125><!--[--><!--[--><div class="VPMenuLink" data-v-71622125 data-v-efaa38fe><a class="VPLink link" href="/note/JavaScript.html" data-v-efaa38fe data-v-cb3c066f><!--[-->JavaScript基础<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-71622125 data-v-efaa38fe><a class="VPLink link" href="/note/CSS.html" data-v-efaa38fe data-v-cb3c066f><!--[-->CSS基础<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-71622125 data-v-efaa38fe><a class="VPLink link" href="/note/JavaScriptEnhanced.html" data-v-efaa38fe data-v-cb3c066f><!--[-->JavaScript进阶<!--]--><!----></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/self/" data-v-c0d0f014 data-v-f5bf1aba data-v-cb3c066f><!--[-->个人介绍<!--]--><!----></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-2e7ba255 data-v-2a0b2176><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" aria-label="toggle dark mode" aria-checked="false" data-v-2a0b2176 data-v-bdf24275 data-v-ab73b0bb><span class="check" data-v-ab73b0bb><span class="icon" data-v-ab73b0bb><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="sun" data-v-bdf24275><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="moon" data-v-bdf24275><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-2e7ba255 data-v-b4e75887 data-v-9287af2d><!--[--><a class="VPSocialLink" href="https://ziuchen.github.io/" target="_blank" rel="noopener" data-v-9287af2d data-v-cb32d883><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-2e7ba255 data-v-e98948db data-v-2caac71f><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-2caac71f><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="icon" data-v-2caac71f><circle cx="12" cy="12" r="2"></circle><circle cx="19" cy="12" r="2"></circle><circle cx="5" cy="12" r="2"></circle></svg></button><div class="menu" data-v-2caac71f><div class="VPMenu" data-v-2caac71f data-v-71622125><!----><!--[--><!--[--><!----><div class="group" data-v-e98948db><div class="item appearance" data-v-e98948db><p class="label" data-v-e98948db>Appearance</p><div class="appearance-action" data-v-e98948db><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" aria-label="toggle dark mode" aria-checked="false" data-v-e98948db data-v-bdf24275 data-v-ab73b0bb><span class="check" data-v-ab73b0bb><span class="icon" data-v-ab73b0bb><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="sun" data-v-bdf24275><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="moon" data-v-bdf24275><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></div></div></div><div class="group" data-v-e98948db><div class="item social-links" data-v-e98948db><div class="VPSocialLinks social-links-list" data-v-e98948db data-v-9287af2d><!--[--><a class="VPSocialLink" href="https://ziuchen.github.io/" target="_blank" rel="noopener" data-v-9287af2d data-v-cb32d883><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-2e7ba255 data-v-69091399><span class="container" data-v-69091399><span class="top" data-v-69091399></span><span class="middle" data-v-69091399></span><span class="bottom" data-v-69091399></span></span></button></div></div></div><!----></header><div class="VPLocalNav" data-v-7a3ccfd4 data-v-d4ef4c0a><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-d4ef4c0a><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="menu-icon" data-v-d4ef4c0a><path d="M17,11H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,11,17,11z"></path><path d="M21,7H3C2.4,7,2,6.6,2,6s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,7,21,7z"></path><path d="M21,15H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,15,21,15z"></path><path d="M17,19H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,19,17,19z"></path></svg><span class="menu-text" data-v-d4ef4c0a>Menu</span></button><a class="top-link" href="#" data-v-d4ef4c0a> Return to top </a></div><aside class="VPSidebar" data-v-7a3ccfd4 data-v-ee59d3a7><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-ee59d3a7><span class="visually-hidden" id="sidebar-aria-label" data-v-ee59d3a7> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="group" data-v-ee59d3a7><section class="VPSidebarGroup collapsible" data-v-ee59d3a7 data-v-bcc74eb6><div class="title" role="button" data-v-bcc74eb6><h2 class="title-text" data-v-bcc74eb6>我的项目</h2><div class="action" data-v-bcc74eb6><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 24 24" class="icon minus" data-v-bcc74eb6><path d="M19,2H5C3.3,2,2,3.3,2,5v14c0,1.7,1.3,3,3,3h14c1.7,0,3-1.3,3-3V5C22,3.3,20.7,2,19,2zM20,19c0,0.6-0.4,1-1,1H5c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h14c0.6,0,1,0.4,1,1V19z"></path><path d="M16,11H8c-0.6,0-1,0.4-1,1s0.4,1,1,1h8c0.6,0,1-0.4,1-1S16.6,11,16,11z"></path></svg><svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="icon plus" data-v-bcc74eb6><path d="M19,2H5C3.3,2,2,3.3,2,5v14c0,1.7,1.3,3,3,3h14c1.7,0,3-1.3,3-3V5C22,3.3,20.7,2,19,2z M20,19c0,0.6-0.4,1-1,1H5c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h14c0.6,0,1,0.4,1,1V19z"></path><path d="M16,11h-3V8c0-0.6-0.4-1-1-1s-1,0.4-1,1v3H8c-0.6,0-1,0.4-1,1s0.4,1,1,1h3v3c0,0.6,0.4,1,1,1s1-0.4,1-1v-3h3c0.6,0,1-0.4,1-1S16.6,11,16,11z"></path></svg></div></div><div class="items" data-v-bcc74eb6><!--[--><!--[--><a class="VPLink link link" href="/project/ClipboardManager/" style="padding-left:0px;" tabindex="-1" data-v-77fbd15e data-v-cb3c066f><!--[--><span class="link-text" data-v-77fbd15e>超级剪贴板</span><!--]--><!----></a><!----><!--]--><!--[--><a class="VPLink link link" href="/project/SmartWordBreak/" style="padding-left:0px;" tabindex="-1" data-v-77fbd15e data-v-cb3c066f><!--[--><span class="link-text" data-v-77fbd15e>超级分词</span><!--]--><!----></a><!----><!--]--><!--]--></div></section></div><div class="group" data-v-ee59d3a7><section class="VPSidebarGroup collapsible" data-v-ee59d3a7 data-v-bcc74eb6><div class="title" role="button" data-v-bcc74eb6><h2 class="title-text" data-v-bcc74eb6>开源作品</h2><div class="action" data-v-bcc74eb6><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 24 24" class="icon minus" data-v-bcc74eb6><path d="M19,2H5C3.3,2,2,3.3,2,5v14c0,1.7,1.3,3,3,3h14c1.7,0,3-1.3,3-3V5C22,3.3,20.7,2,19,2zM20,19c0,0.6-0.4,1-1,1H5c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h14c0.6,0,1,0.4,1,1V19z"></path><path d="M16,11H8c-0.6,0-1,0.4-1,1s0.4,1,1,1h8c0.6,0,1-0.4,1-1S16.6,11,16,11z"></path></svg><svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="icon plus" data-v-bcc74eb6><path d="M19,2H5C3.3,2,2,3.3,2,5v14c0,1.7,1.3,3,3,3h14c1.7,0,3-1.3,3-3V5C22,3.3,20.7,2,19,2z M20,19c0,0.6-0.4,1-1,1H5c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h14c0.6,0,1,0.4,1,1V19z"></path><path d="M16,11h-3V8c0-0.6-0.4-1-1-1s-1,0.4-1,1v3H8c-0.6,0-1,0.4-1,1s0.4,1,1,1h3v3c0,0.6,0.4,1,1,1s1-0.4,1-1v-3h3c0.6,0,1-0.4,1-1S16.6,11,16,11z"></path></svg></div></div><div class="items" data-v-bcc74eb6><!--[--><!--[--><a class="VPLink link link" href="/works/opensource.html" style="padding-left:0px;" tabindex="-1" data-v-77fbd15e data-v-cb3c066f><!--[--><span class="link-text" data-v-77fbd15e>个人作品</span><!--]--><!----></a><!----><!--]--><!--[--><a class="VPLink link link" href="/works/contribution.html" style="padding-left:0px;" tabindex="-1" data-v-77fbd15e data-v-cb3c066f><!--[--><span class="link-text" data-v-77fbd15e>社区贡献</span><!--]--><!----></a><!----><!--]--><!--]--></div></section></div><div class="group" data-v-ee59d3a7><section class="VPSidebarGroup collapsible" data-v-ee59d3a7 data-v-bcc74eb6><div class="title" role="button" data-v-bcc74eb6><h2 class="title-text" data-v-bcc74eb6>学习笔记</h2><div class="action" data-v-bcc74eb6><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 24 24" class="icon minus" data-v-bcc74eb6><path d="M19,2H5C3.3,2,2,3.3,2,5v14c0,1.7,1.3,3,3,3h14c1.7,0,3-1.3,3-3V5C22,3.3,20.7,2,19,2zM20,19c0,0.6-0.4,1-1,1H5c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h14c0.6,0,1,0.4,1,1V19z"></path><path d="M16,11H8c-0.6,0-1,0.4-1,1s0.4,1,1,1h8c0.6,0,1-0.4,1-1S16.6,11,16,11z"></path></svg><svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="icon plus" data-v-bcc74eb6><path d="M19,2H5C3.3,2,2,3.3,2,5v14c0,1.7,1.3,3,3,3h14c1.7,0,3-1.3,3-3V5C22,3.3,20.7,2,19,2z M20,19c0,0.6-0.4,1-1,1H5c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h14c0.6,0,1,0.4,1,1V19z"></path><path d="M16,11h-3V8c0-0.6-0.4-1-1-1s-1,0.4-1,1v3H8c-0.6,0-1,0.4-1,1s0.4,1,1,1h3v3c0,0.6,0.4,1,1,1s1-0.4,1-1v-3h3c0.6,0,1-0.4,1-1S16.6,11,16,11z"></path></svg></div></div><div class="items" data-v-bcc74eb6><!--[--><!--[--><a class="VPLink link link" href="/note/JavaScript.html" style="padding-left:0px;" tabindex="-1" data-v-77fbd15e data-v-cb3c066f><!--[--><span class="link-text" data-v-77fbd15e>JavaScript基础</span><!--]--><!----></a><!----><!--]--><!--[--><a class="VPLink link link" href="/note/CSS.html" style="padding-left:0px;" tabindex="-1" data-v-77fbd15e data-v-cb3c066f><!--[--><span class="link-text" data-v-77fbd15e>CSS基础</span><!--]--><!----></a><!----><!--]--><!--[--><a class="VPLink link link" href="/note/JavaScriptEnhanced.html" style="padding-left:0px;" tabindex="-1" data-v-77fbd15e data-v-cb3c066f><!--[--><span class="link-text" data-v-77fbd15e>JavaScript进阶</span><!--]--><!----></a><!----><!--]--><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-7a3ccfd4 data-v-9d6f2d23><div class="VPDoc has-sidebar has-aside" data-v-9d6f2d23 data-v-655a8b2e><div class="container" data-v-655a8b2e><div class="aside" data-v-655a8b2e><div class="aside-curtain" data-v-655a8b2e></div><div class="aside-container" data-v-655a8b2e><div class="aside-content" data-v-655a8b2e><div class="VPDocAside" data-v-655a8b2e data-v-41ede2d8><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" data-v-41ede2d8 data-v-a8d80780><div class="content" data-v-a8d80780><div class="outline-marker" data-v-a8d80780></div><div class="outline-title" data-v-a8d80780>On this page</div><nav aria-labelledby="doc-outline-aria-label" data-v-a8d80780><span class="visually-hidden" id="doc-outline-aria-label" data-v-a8d80780> Table of Contents for current page </span><ul class="root" data-v-a8d80780 data-v-09dbc40e><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-41ede2d8></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-655a8b2e><div class="content-container" data-v-655a8b2e><!--[--><!--]--><main class="main" data-v-655a8b2e><div style="position:relative;" class="vp-doc _self_index" data-v-655a8b2e><div><h1 id="个人介绍" tabindex="-1">个人介绍 <a class="header-anchor" href="#个人介绍" aria-hidden="true">#</a></h1><p><img src="/logo.png" alt="logo"></p><p>北京交通大学BeijingJiaoTong University电子信息工程学院本科在读</p><ul><li>熟悉<code>ES6</code>特性, 有前端领域开发经验, 能独立完成基础的前端开发工作;</li><li>熟练使用<code>Vue</code>框架及相关工具开发应用, 阅读过部分<code>Vue</code>源码, 了解<code>Vue</code>响应式实现原理;</li><li>掌握<code>NodeJS</code>基本使用, 能够基于<code>NodeJS</code>编写开发工具或搭建Web服务;</li><li>了解<code>Webpack</code>基本配置和使用, 有<code>Webpack</code> <code>Vite</code>等前端工程化工具使用经验;</li><li>了解<code>Typescript</code>, 有<code>Typescript</code>的项目使用经历;</li><li>良好的<code>Git</code>操作, 清晰的<code>Commit</code>提交, 保证代码质量;</li><li>对前端学习抱有热情, 有良好的学习能力, 能够快速学习掌握新知识;</li></ul><h2 id="技术栈" tabindex="-1">技术栈 <a class="header-anchor" href="#技术栈" aria-hidden="true">#</a></h2><h3 id="前端技术" tabindex="-1">前端技术 <a class="header-anchor" href="#前端技术" aria-hidden="true">#</a></h3><p><img src="https://img.shields.io/badge/-JavaScript-f7e018?style=flat-square&amp;logo=javascript&amp;logoColor=white" alt=""><img src="https://img.shields.io/badge/TypeScript-007ACC?style=flat-square&amp;logo=typescript&amp;logoColor=white" alt=""><img src="https://img.shields.io/badge/HTML5-E34F26?style=flat-square&amp;logo=html5&amp;logoColor=white" alt=""><img src="https://img.shields.io/badge/CSS3-1572B6?style=flat-square&amp;logo=css3&amp;logoColor=white" alt=""></p><p><img src="https://img.shields.io/badge/Vue-35495E?style=flat-square&amp;logo=vuedotjs&amp;logoColor=4FC08D" alt=""><img src="https://img.shields.io/badge/React-20232A?style=flat-square&amp;logo=react&amp;logoColor=61DAFB" alt=""></p><p><img src="https://img.shields.io/badge/Webpack-8DD6F9?style=flat-square&amp;logo=Webpack&amp;logoColor=white" alt=""><img src="https://img.shields.io/badge/Vite-B73BFE?style=flat-square&amp;logo=vite&amp;logoColor=FFD62E" alt=""><img src="https://img.shields.io/badge/Yarn-2C8EBB?style=flat-square&amp;logo=yarn&amp;logoColor=white" alt=""><img src="https://img.shields.io/badge/Nginx-009639?style=flat-square&amp;logo=nginx&amp;logoColor=white" alt=""></p><p><code>Vue Router</code> <code>Vuex</code> <code>Pinia</code> <code>Element Plus</code> <code>Echart</code> <code>WangEditor</code></p><p><code>Sass/Less</code> <code>Axios</code> <code>Ajax</code> <code>...</code></p><h3 id="后端技术" tabindex="-1">后端技术 <a class="header-anchor" href="#后端技术" aria-hidden="true">#</a></h3><p><img src="https://img.shields.io/badge/Node.js-339933?style=flat-square&amp;logo=nodedotjs&amp;logoColor=white" alt=""><img src="https://img.shields.io/badge/C-00599C?style=flat-square&amp;logo=c&amp;logoColor=white" alt=""><img src="https://img.shields.io/badge/C%2B%2B-00599C?style=flat-square&amp;logo=c%2B%2B&amp;logoColor=white" alt=""><img src="https://img.shields.io/badge/Python-FFD43B?style=flat-square&amp;logo=python&amp;logoColor=blue" alt=""></p><p><img src="https://img.shields.io/badge/GIT-E44C30?style=flat-square&amp;logo=git&amp;logoColor=white" alt=""><img src="https://img.shields.io/badge/-Linux-fcc624?style=flat-square&amp;logo=linux&amp;logoColor=white" alt=""><img src="https://img.shields.io/badge/Cent%20OS-262577?style=flat-square&amp;logo=CentOS&amp;logoColor=white" alt=""><img src="https://img.shields.io/badge/-MySQL-4479A1?style=flat-square&amp;logo=MySQL&amp;logoColor=fff" alt=""><img src="https://img.shields.io/badge/-Docker-2496ED?style=flat-square&amp;logo=docker&amp;logoColor=ffffff" alt=""></p><p><img src="https://img.shields.io/badge/Electron-2B2E3A?style=flat-square&amp;logo=electron&amp;logoColor=9FEAF9" alt=""><img src="https://img.shields.io/badge/Express.js-000000?style=flat-square&amp;logo=express&amp;logoColor=white" alt=""></p><h3 id="相关技能" tabindex="-1">相关技能 <a class="header-anchor" href="#相关技能" aria-hidden="true">#</a></h3><p>文档处理:</p><p><code>Microsoft Word</code> <code>Microsoft PowerPoint</code> <code>Microsoft Excel</code></p><p>平面设计:</p><p><code>Adobe PhotoShop</code> <code>Adobe Lightroom</code></p><p>影音制作:</p><p><code>DaVinci Resolve Studio</code> <code>Adobe Premiere</code> <code>Adobe After Effects</code></p><p>专业软件:</p><p><code>MATLAB</code> <code>ICEDA</code> <code>Multisim</code> <code>Keil uVision5</code></p><h2 id="获得奖项" tabindex="-1">获得奖项 <a class="header-anchor" href="#获得奖项" aria-hidden="true">#</a></h2><h3 id="microsoft-edge-浏览器开拓者大赛-开拓之星" tabindex="-1">Microsoft Edge 浏览器开拓者大赛 开拓之星 <a class="header-anchor" href="#microsoft-edge-浏览器开拓者大赛-开拓之星" aria-hidden="true">#</a></h3><p><img src="/assets/2.7aeaaf23.png" alt=""></p><h3 id="稀土掘金2022编程挑战赛-三等奖" tabindex="-1">稀土掘金2022编程挑战赛 三等奖 <a class="header-anchor" href="#稀土掘金2022编程挑战赛-三等奖" aria-hidden="true">#</a></h3><p><img src="/assets/1.136ffa4a.png" alt=""></p><h3 id="入选-扬帆计划·中央和国家机关大学生实习" tabindex="-1">入选“扬帆计划·中央和国家机关大学生实习” <a class="header-anchor" href="#入选-扬帆计划·中央和国家机关大学生实习" aria-hidden="true">#</a></h3><h3 id="_100周年现场志愿者" tabindex="-1">100周年现场志愿者 <a class="header-anchor" href="#_100周年现场志愿者" aria-hidden="true">#</a></h3><h3 id="优秀学生干部、优秀共青团员" tabindex="-1">优秀学生干部、优秀共青团员 <a class="header-anchor" href="#优秀学生干部、优秀共青团员" aria-hidden="true">#</a></h3><h3 id="社会工作优秀奖学金" tabindex="-1">社会工作优秀奖学金 <a class="header-anchor" href="#社会工作优秀奖学金" aria-hidden="true">#</a></h3><h2 id="相关链接" tabindex="-1">相关链接 <a class="header-anchor" href="#相关链接" aria-hidden="true">#</a></h2><p><a href="https://github.com/ZiuChen" target="_blank" rel="noreferrer">Github</a><a href="https://space.bilibili.com/7597956" target="_blank" rel="noreferrer">哔哩哔哩</a><a href="https://juejin.cn/user/4420463502826087" target="_blank" rel="noreferrer">稀土掘金</a><a href="https://blog.csdn.net/Huuc6" target="_blank" rel="noreferrer">CSDN</a><a href="https://gitee.com/ziuc" target="_blank" rel="noreferrer">Gitee</a></p></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-655a8b2e data-v-469957c9><div class="edit-info" data-v-469957c9><!----><div class="last-updated" data-v-469957c9><p class="VPLastUpdated" data-v-469957c9 data-v-1dd28732>Updated Date: <time datetime="2023-01-09T15:53:57.000Z" data-v-1dd28732></time></p></div></div><div class="prev-next" data-v-469957c9><div class="pager" data-v-469957c9><!----></div><div class="pager" data-v-469957c9><a class="pager-link next" href="/project/ClipboardManager/" data-v-469957c9><span class="desc" data-v-469957c9>Next page</span><span class="title" data-v-469957c9>超级剪贴板</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-7a3ccfd4 data-v-abbb3aea><div class="container" data-v-abbb3aea><p class="message" data-v-abbb3aea>Released under the MIT License.</p><p class="copyright" data-v-abbb3aea>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"note_javascript.md\":\"67de69ab\",\"note_css.md\":\"02689453\",\"project_clipboardmanager_guide.md\":\"cefd7034\",\"project_clipboardmanager_index.md\":\"15c243e8\",\"project_clipboardmanager_statement.md\":\"a8fa6f72\",\"project_smartwordbreak_index.md\":\"624ac6f4\",\"project_smartwordbreak_log.md\":\"aee6cfc6\",\"project_smartwordbreak_statement.md\":\"3ab4081b\",\"index.md\":\"9fbe76f4\",\"works_contribution.md\":\"75fa4327\",\"works_opensource.md\":\"76d04bd0\",\"self_index.md\":\"4a5d4c16\",\"project_clipboardmanager_log.md\":\"ec733f29\",\"note_javascriptenhanced.md\":\"3e01475e\"}")</script>
<script type="module" async src="/assets/app.0bcab4cc.js"></script>
</body>
</html>