mirror of
https://github.com/ZiuChen/ZiuChen.github.io.git
synced 2025-08-17 23:19:55 +08:00
51 lines
16 KiB
HTML
51 lines
16 KiB
HTML
<!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="generator" content="VuePress 1.9.7">
|
||
<link rel="icon" href="/logo.png">
|
||
<meta name="description" content="Unlimited Progress.">
|
||
|
||
<link rel="preload" href="/assets/css/0.styles.bf7c54d8.css" as="style"><link rel="preload" href="/assets/js/app.47aabcc2.js" as="script"><link rel="preload" href="/assets/js/2.b8daaca3.js" as="script"><link rel="preload" href="/assets/js/8.c3ed5fb8.js" as="script"><link rel="prefetch" href="/assets/js/10.fadc4a01.js"><link rel="prefetch" href="/assets/js/3.6c9ba9a9.js"><link rel="prefetch" href="/assets/js/4.a09d9d62.js"><link rel="prefetch" href="/assets/js/5.90c41c44.js"><link rel="prefetch" href="/assets/js/6.f21bbf9b.js"><link rel="prefetch" href="/assets/js/7.80154d30.js"><link rel="prefetch" href="/assets/js/9.aa2904ad.js">
|
||
<link rel="stylesheet" href="/assets/css/0.styles.bf7c54d8.css">
|
||
</head>
|
||
<body>
|
||
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><img src="/logo.png" alt="ZiuChen" class="logo"> <span class="site-name can-hide">ZiuChen</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="/" class="nav-link">
|
||
首页
|
||
</a></div><div class="nav-item"><a href="/works/" class="nav-link">
|
||
开源作品
|
||
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="个人介绍" class="dropdown-title"><span class="title">个人介绍</span> <span class="arrow down"></span></button> <button type="button" aria-label="个人介绍" class="mobile-dropdown-title"><span class="title">个人介绍</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/self/" aria-current="page" class="nav-link router-link-exact-active router-link-active">
|
||
关于我
|
||
</a></li><li class="dropdown-item"><h4>
|
||
更多信息
|
||
</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/self/#技术栈" class="nav-link">
|
||
技术栈
|
||
</a></li><li class="dropdown-subitem"><a href="/self/#获得奖项" class="nav-link">
|
||
获得奖项
|
||
</a></li><li class="dropdown-subitem"><a href="/self/#相关链接" class="nav-link">
|
||
相关链接
|
||
</a></li></ul></li></ul></div></div> <a href="https://github.com/ZiuChen/ZiuChen.github.io" 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> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/" class="nav-link">
|
||
首页
|
||
</a></div><div class="nav-item"><a href="/works/" class="nav-link">
|
||
开源作品
|
||
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="个人介绍" class="dropdown-title"><span class="title">个人介绍</span> <span class="arrow down"></span></button> <button type="button" aria-label="个人介绍" class="mobile-dropdown-title"><span class="title">个人介绍</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/self/" aria-current="page" class="nav-link router-link-exact-active router-link-active">
|
||
关于我
|
||
</a></li><li class="dropdown-item"><h4>
|
||
更多信息
|
||
</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/self/#技术栈" class="nav-link">
|
||
技术栈
|
||
</a></li><li class="dropdown-subitem"><a href="/self/#获得奖项" class="nav-link">
|
||
获得奖项
|
||
</a></li><li class="dropdown-subitem"><a href="/self/#相关链接" class="nav-link">
|
||
相关链接
|
||
</a></li></ul></li></ul></div></div> <a href="https://github.com/ZiuChen/ZiuChen.github.io" 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> <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>个人介绍</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/self/#技术栈" class="sidebar-link">技术栈</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/self/#前端技术" class="sidebar-link">前端技术</a></li><li class="sidebar-sub-header"><a href="/self/#后端技术" class="sidebar-link">后端技术</a></li><li class="sidebar-sub-header"><a href="/self/#相关技能" class="sidebar-link">相关技能</a></li></ul></li><li><a href="/self/#获得奖项" class="sidebar-link">获得奖项</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/self/#稀土掘金2022编程挑战赛-三等奖" class="sidebar-link">稀土掘金2022编程挑战赛 三等奖</a></li><li class="sidebar-sub-header"><a href="/self/#入选-扬帆计划·中央和国家机关大学生实习" class="sidebar-link">入选“扬帆计划·中央和国家机关大学生实习”</a></li><li class="sidebar-sub-header"><a href="/self/#_100周年现场志愿者" class="sidebar-link">100周年现场志愿者</a></li><li class="sidebar-sub-header"><a href="/self/#优秀学生干部、优秀共青团员" class="sidebar-link">优秀学生干部、优秀共青团员</a></li><li class="sidebar-sub-header"><a href="/self/#社会工作优秀奖学金" class="sidebar-link">社会工作优秀奖学金</a></li></ul></li><li><a href="/self/#相关链接" class="sidebar-link">相关链接</a><ul class="sidebar-sub-headers"></ul></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="个人介绍"><a href="#个人介绍" class="header-anchor">#</a> 个人介绍</h1> <p><img src="/logo.png" alt="logo"></p> <p>北京交通大学（BeijingJiaoTong University）电子信息工程学院本科在读</p> <ul><li>擅长前端工程化开发</li> <li>掌握<code>JS</code> <code>TS</code> <code>HTML</code> <code>CSS</code>, 熟悉<code>DOM</code> <code>HTTP</code>协议等前端领域知识, 能够熟练运用<code>ES6</code> <code>HTML5</code> <code>CSS3</code>等新标准进行开发</li> <li>熟练使用<code>Vue</code> <code>React</code>框架及相关工具开发应用, 能够用<code>Bootstrap</code> <code>TailwindCSS</code>框架快速开发应用</li> <li>熟悉<code>NodeJS</code>, 熟练使用 <code>Webpack</code>, <code>Vite</code> 等构建工具, 了解<code>Express.js</code>基本使用, 了解前端打包基本原理, 能够将项目部署至<code>Nginx</code></li> <li>正在学习嵌入式技术</li></ul> <h2 id="技术栈"><a href="#技术栈" class="header-anchor">#</a> 技术栈</h2> <h3 id="前端技术"><a href="#前端技术" class="header-anchor">#</a> 前端技术</h3> <p><img src="https://img.shields.io/badge/-JavaScript-f7e018?style=flat-square&logo=javascript&logoColor=white" alt=""> <img src="https://img.shields.io/badge/TypeScript-007ACC?style=flat-square&logo=typescript&logoColor=white" alt=""> <img src="https://img.shields.io/badge/HTML5-E34F26?style=flat-square&logo=html5&logoColor=white" alt=""> <img src="https://img.shields.io/badge/CSS3-1572B6?style=flat-square&logo=css3&logoColor=white" alt=""></p> <p><img src="https://img.shields.io/badge/Vue-35495E?style=flat-square&logo=vuedotjs&logoColor=4FC08D" alt=""> <img src="https://img.shields.io/badge/React-20232A?style=flat-square&logo=react&logoColor=61DAFB" alt=""> <img src="https://img.shields.io/badge/Bootstrap-563D7C?style=flat-square&logo=bootstrap&logoColor=white" alt=""> <img src="https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=flat-square&logo=tailwind-css&logoColor=white" alt=""> <img src="https://img.shields.io/badge/ThreeJs-black?style=flat-square&logo=three.js&logoColor=white" alt=""></p> <p><img src="https://img.shields.io/badge/Webpack-8DD6F9?style=flat-square&logo=Webpack&logoColor=white" alt=""> <img src="https://img.shields.io/badge/Vite-B73BFE?style=flat-square&logo=vite&logoColor=FFD62E" alt=""> <img src="https://img.shields.io/badge/Yarn-2C8EBB?style=flat-square&logo=yarn&logoColor=white" alt=""> <img src="https://img.shields.io/badge/Nginx-009639?style=flat-square&logo=nginx&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="后端技术"><a href="#后端技术" class="header-anchor">#</a> 后端技术</h3> <p><img src="https://img.shields.io/badge/Node.js-339933?style=flat-square&logo=nodedotjs&logoColor=white" alt=""> <img src="https://img.shields.io/badge/C-00599C?style=flat-square&logo=c&logoColor=white" alt=""> <img src="https://img.shields.io/badge/C%2B%2B-00599C?style=flat-square&logo=c%2B%2B&logoColor=white" alt=""> <img src="https://img.shields.io/badge/Python-FFD43B?style=flat-square&logo=python&logoColor=blue" alt=""></p> <p><img src="https://img.shields.io/badge/GIT-E44C30?style=flat-square&logo=git&logoColor=white" alt=""> <img src="https://img.shields.io/badge/-Linux-fcc624?style=flat-square&logo=linux&logoColor=white" alt=""> <img src="https://img.shields.io/badge/Cent%20OS-262577?style=flat-square&logo=CentOS&logoColor=white" alt=""> <img src="https://img.shields.io/badge/-MySQL-4479A1?style=flat-square&logo=MySQL&logoColor=fff" alt=""> <img src="https://img.shields.io/badge/-Docker-2496ED?style=flat-square&logo=docker&logoColor=ffffff" alt=""></p> <p><img src="https://img.shields.io/badge/Electron-2B2E3A?style=flat-square&logo=electron&logoColor=9FEAF9" alt=""> <img src="https://img.shields.io/badge/Express.js-000000?style=flat-square&logo=express&logoColor=white" alt=""></p> <h3 id="相关技能"><a href="#相关技能" class="header-anchor">#</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="获得奖项"><a href="#获得奖项" class="header-anchor">#</a> 获得奖项</h2> <h3 id="稀土掘金2022编程挑战赛-三等奖"><a href="#稀土掘金2022编程挑战赛-三等奖" class="header-anchor">#</a> 稀土掘金2022编程挑战赛 三等奖</h3> <p><img src="/assets/img/1.486c1f23.png" alt=""></p> <h3 id="入选-扬帆计划·中央和国家机关大学生实习"><a href="#入选-扬帆计划·中央和国家机关大学生实习" class="header-anchor">#</a> 入选“扬帆计划·中央和国家机关大学生实习”</h3> <h3 id="_100周年现场志愿者"><a href="#_100周年现场志愿者" class="header-anchor">#</a> 100周年现场志愿者</h3> <h3 id="优秀学生干部、优秀共青团员"><a href="#优秀学生干部、优秀共青团员" class="header-anchor">#</a> 优秀学生干部、优秀共青团员</h3> <h3 id="社会工作优秀奖学金"><a href="#社会工作优秀奖学金" class="header-anchor">#</a> 社会工作优秀奖学金</h3> <h2 id="相关链接"><a href="#相关链接" class="header-anchor">#</a> 相关链接</h2> <p><a href="https://github.com/ZiuChen" target="_blank" rel="noopener noreferrer">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> <a href="https://space.bilibili.com/7597956" target="_blank" rel="noopener noreferrer">哔哩哔哩<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> <a href="https://juejin.cn/user/4420463502826087" target="_blank" rel="noopener noreferrer">稀土掘金<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> <a href="https://blog.csdn.net/Huuc6" target="_blank" rel="noopener noreferrer">CSDN<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> <a href="https://gitee.com/ziuc" target="_blank" rel="noopener noreferrer">Gitee<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></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">8/16/2022, 1:30:18 AM</span></div></footer> <!----> </main></div><div class="global-ui"><!----></div></div>
|
||
<script src="/assets/js/app.47aabcc2.js" defer></script><script src="/assets/js/2.b8daaca3.js" defer></script><script src="/assets/js/8.c3ed5fb8.js" defer></script>
|
||
</body>
|
||
</html>
|