mirror of
https://github.com/ZiuChen/ZiuChen.github.io.git
synced 2025-08-17 23:19:55 +08:00
59 lines
17 KiB
HTML
59 lines
17 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">
|
||
<script>
|
||
var _hmt = _hmt || [];
|
||
(function() {
|
||
var isDev = document.location.href.indexOf("localhost") !== -1
|
||
var isGitee = document.location.href.indexOf("gitee.io") !== -1
|
||
var hm1 = document.createElement("script");
|
||
hm1.src = "https://hm.baidu.com/hm.js?08b4ef50a9244e83e5a1bd5822442829"; // gitee
|
||
var hm2 = document.createElement("script");
|
||
hm2.src = "https://hm.baidu.com/hm.js?50bac15a1f238d1aa61f104a5fb6f5e0"; // github
|
||
var s = document.getElementsByTagName("script")[0];
|
||
if(isDev) return // 不上报
|
||
if (isGitee) s.parentNode.insertBefore(hm1, s);
|
||
else s.parentNode.insertBefore(hm2, s);
|
||
})();
|
||
</script>
|
||
</script>
|
||
<meta name="description" content="Unlimited Progress.">
|
||
|
||
<link rel="preload" href="/assets/css/0.styles.6874de37.css" as="style"><link rel="preload" href="/assets/js/app.ba504929.js" as="script"><link rel="preload" href="/assets/js/2.1a074358.js" as="script"><link rel="preload" href="/assets/js/10.62fdfc4a.js" as="script"><link rel="prefetch" href="/assets/js/11.119bd5cb.js"><link rel="prefetch" href="/assets/js/12.bedd1642.js"><link rel="prefetch" href="/assets/js/13.4dff39d8.js"><link rel="prefetch" href="/assets/js/14.98be8af7.js"><link rel="prefetch" href="/assets/js/15.37381e4f.js"><link rel="prefetch" href="/assets/js/16.5f863a55.js"><link rel="prefetch" href="/assets/js/3.ba9a4ba8.js"><link rel="prefetch" href="/assets/js/4.f08f75a3.js"><link rel="prefetch" href="/assets/js/5.90d9916e.js"><link rel="prefetch" href="/assets/js/6.77e0aadc.js"><link rel="prefetch" href="/assets/js/7.74226b40.js"><link rel="prefetch" href="/assets/js/8.04651b4b.js"><link rel="prefetch" href="/assets/js/9.fdb04dd3.js">
|
||
<link rel="stylesheet" href="/assets/css/0.styles.6874de37.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"><!----> <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/#技术栈" class="nav-link">
|
||
技术栈
|
||
</a></li><li class="dropdown-item"><!----> <a href="/self/#获得奖项" class="nav-link">
|
||
获得奖项
|
||
</a></li><li class="dropdown-item"><!----> <a href="/self/#相关链接" class="nav-link">
|
||
相关链接
|
||
</a></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/#技术栈" class="nav-link">
|
||
技术栈
|
||
</a></li><li class="dropdown-item"><!----> <a href="/self/#获得奖项" class="nav-link">
|
||
获得奖项
|
||
</a></li><li class="dropdown-item"><!----> <a href="/self/#相关链接" class="nav-link">
|
||
相关链接
|
||
</a></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/#microsoft-edge-浏览器开拓者大赛-开拓之星" class="sidebar-link">Microsoft Edge 浏览器开拓者大赛 开拓之星</a></li><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>熟悉<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="技术栈"><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=""></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="microsoft-edge-浏览器开拓者大赛-开拓之星"><a href="#microsoft-edge-浏览器开拓者大赛-开拓之星" class="header-anchor">#</a> Microsoft Edge 浏览器开拓者大赛 开拓之星</h3> <p><img src="/assets/img/2.7d9ba1e6.png" alt=""></p> <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">12/17/2022, 3:17:22 PM</span></div></footer> <!----> </main></div><div class="global-ui"><!----></div></div>
|
||
<script src="/assets/js/app.ba504929.js" defer></script><script src="/assets/js/2.1a074358.js" defer></script><script src="/assets/js/10.62fdfc4a.js" defer></script>
|
||
</body>
|
||
</html>
|