-
Notifications
You must be signed in to change notification settings - Fork 99
/
index.html
13 lines (10 loc) · 28.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
<!doctype html><html><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>简历 | 姓名 - Name</title><script type="module">
document.addEventListener("copy",i=>{const{clipboardData:o}=i,r=document.getSelection();if(!o||!r)return;const n=`${r.toString()}
License: CC-BY-SA-4.0
Github: github.com/cong-min/resume
`;o.setData("text/plain",n),i.preventDefault()});
</script><style>
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,td,th{text-align:left;font-weight:400;vertical-align:middle}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a img{border:none}@page{size:A4;margin:48px 0 32px}@page :first{margin-top:0}i.icon{display:inline-flex;width:1em;height:1em;background:currentColor}.icon-dot{-webkit-mask:url('data:image/svg+xml;utf8,<svg width="200" height="200" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M394.25998363 394.42651303l233.41954207 0 0 232.90379802-233.41954207 0 0-232.90379802Z"/></svg>') no-repeat center / contain;mask:url('data:image/svg+xml;utf8,<svg width="200" height="200" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M394.25998363 394.42651303l233.41954207 0 0 232.90379802-233.41954207 0 0-232.90379802Z"/></svg>') no-repeat center / contain}.icon-home{-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>') no-repeat center / contain;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>') no-repeat center / contain}.icon-github{-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>') no-repeat center / contain;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>') no-repeat center / contain}.icon-phone{-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>') no-repeat center / contain;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>') no-repeat center / contain}.icon-mail{-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>') no-repeat center / contain;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>') no-repeat center / contain}.icon-link{-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>') no-repeat center / contain;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>') no-repeat center / contain}.icon-download{-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-download"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg>') no-repeat center / contain;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-download"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg>') no-repeat center / contain}.icon-rss{-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rss"><path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg>') no-repeat center / contain;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rss"><path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg>') no-repeat center / contain}.icon-pocket{-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pocket"><path d="M4 3h16a2 2 0 0 1 2 2v6a10 10 0 0 1-10 10A10 10 0 0 1 2 11V5a2 2 0 0 1 2-2z"></path><polyline points="8 10 12 14 16 10"></polyline></svg>') no-repeat center / contain;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pocket"><path d="M4 3h16a2 2 0 0 1 2 2v6a10 10 0 0 1-10 10A10 10 0 0 1 2 11V5a2 2 0 0 1 2-2z"></path><polyline points="8 10 12 14 16 10"></polyline></svg>') no-repeat center / contain}.kill-ie,.top-bar{position:fixed;top:0;left:0;right:0;z-index:100;margin:0;color:#555;font-size:12px;line-height:22px;font-weight:700;text-align:center;background:#fff8e2}.kill-ie{z-index:1000}*{box-sizing:border-box}body{position:relative;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Arial Regular;font-size:15px;line-height:1.6;color:#333;background-color:#eee;overflow:auto;display:flex;flex-direction:column;align-items:stretch}a{text-decoration:none;transition:all .2s ease-in-out}.status-bar{position:absolute;top:32px;left:50%;width:1000px;transform:translate(-50%);font-size:12px;color:#bbb;transition:all .2s ease-in-out;animation:fade 1.6s}@media screen and (max-width: 1024px){.status-bar{width:auto;top:auto;bottom:38px;color:#d1d1d1;text-align:center}}.status-bar .status{display:inline-flex;align-items:center;float:left;cursor:pointer}@media screen and (max-width: 1024px){.status-bar .status{float:unset;text-align:center}}.status-bar .status .icon{margin-right:4px}.status-bar .last-modified{float:right}@media screen and (max-width: 1024px){.status-bar .last-modified{float:unset;text-align:center}}.content{position:relative;width:1024px;margin:64px auto 32px;background-color:#fff;border-radius:5px;box-shadow:0 0 16px silver;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;transition:all .2s ease-in-out;opacity:0;transform:translate3d(0,48px,0);animation:fadeUp 2s cubic-bezier(.19,1,.22,1) forwards}@keyframes fadeUp{0%{opacity:0;transform:translate3d(0,48px,0)}to{opacity:1;transform:translateZ(0)}}@media screen and (max-width: 1024px){.content{width:100%;margin-top:0;border-radius:0}}.content-hd{padding:32px 48px 24px;color:#fff;background-color:#00b38a;overflow:hidden}@media screen and (max-width: 720px){.content-hd{padding:24px}}.content-hd .title{margin-bottom:8px;border-bottom:2px solid #00a982;font-size:48px;overflow:hidden}.content-hd .name,.content-hd .job,.content-hd .info,.content-hd .contact{width:50%}@media screen and (max-width: 720px){.content-hd .name,.content-hd .job,.content-hd .info,.content-hd .contact{width:100%;text-align:center}}.content-hd .name,.content-hd .info{float:left}.content-hd .job,.content-hd .contact{float:right;text-align:right}.content-hd .name{height:80px}@media screen and (max-width: 720px){.content-hd .name{height:auto}}.content-hd .name h1{font-family:Lucida Grande,Hiragino Sans GB,Hiragino Sans GB W3,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Arial Regular;font-weight:500;letter-spacing:4px;height:100%}@media screen and (max-width: 720px){.content-hd .name h1{margin-top:16px;letter-spacing:8px;line-height:1.25}}.content-hd .name h1 small{padding-left:8px;font-size:24px;font-weight:400;letter-spacing:0}@media screen and (max-width: 720px){.content-hd .name h1 small{display:block;padding-left:0;padding-right:8px;font-size:20px;line-height:28px;letter-spacing:1px}}.content-hd .job{height:80px;font-weight:300;-webkit-font-smoothing:subpixel-antialiased}@media screen and (max-width: 720px){.content-hd .job{text-align:center}}.content-hd .job h2{display:inline;font-size:24px}@media screen and (max-width: 720px){.content-hd .job h2{margin:8px auto 0;padding:16px 4px;border-top:1px solid #00a982}}.content-hd .job h2 small{font-size:14px}.content-hd .info{padding:4px}.content-hd .info h2{margin:2px 0;font-size:17px;line-height:32px}.content-hd .info h3{font-size:15px;line-height:30px}.content-hd .contact{padding:4px}@media screen and (max-width: 720px){.content-hd .contact ul{margin:16px 0 0;text-align:center}}.content-hd .contact ul>li{height:24px}@media screen and (max-width: 720px){.content-hd .contact ul>li{display:inline-flex}}.content-hd .contact ul>li>a{display:inline-flex;align-items:center;font-family:Lucida Grande,Hiragino Sans GB,Hiragino Sans GB W3,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Arial Regular;font-size:14px;line-height:24px;color:#fff}.content-hd .contact ul>li>a:hover{color:#e8e8e8}@media screen and (max-width: 720px){.content-hd .contact ul>li>a .contact-link{display:none}}.content-hd .contact ul>li>a .icon{margin-left:6px;vertical-align:middle}@media screen and (max-width: 720px){.content-hd .contact ul>li>a .icon{font-size:20px}}.content-bd{min-height:200px;padding:16px 32px 32px;overflow:hidden}@media screen and (max-width: 720px){.content-bd{padding:16px 8px 32px}}.content-bd .content-left,.content-bd .content-right{width:50%}@media screen and (max-width: 1024px){.content-bd .content-left,.content-bd .content-right{width:100%}}.content-bd .content-left{float:left}.content-bd .content-right{float:right}.content-bd section{margin:16px 16px 24px;overflow:hidden}.content-bd .section-hd{position:relative;margin:4px auto 10px;overflow:hidden;display:flex;align-items:center}.content-bd .section-bd{overflow:hidden}.content-bd .section-title-l,.content-bd .section-title-r{flex:1;display:inline-flex;height:0;border-top:1px solid #f1f1f1;vertical-align:middle}.content-bd .section-title{flex-shrink:0;position:relative;z-index:1;padding:0 32px;margin:0 16px;border-radius:32px;font-size:16px;line-height:32px;text-align:center;color:#474747;background-color:#f1f1f1}.content-bd ul.section-list{padding:8px 0}.content-bd ul.section-list>li:last-child .section-content{margin-bottom:0}.content-bd .item.item-main .item-hd{padding:8px 0;font-size:16px}.content-bd .item.item-main .item-bd{margin-bottom:4px}.content-bd .item.item-main .btn{font-size:13px}.content-bd .item.item-main+.item .item-hd{padding-top:6px}.content-bd .item.item-stage .item-hd{padding:4px 0 2px;color:#555}.content-bd .item.item-stage .item-hd .item-time,.content-bd .item.item-stage .item-hd .item-more{font-size:14px}.content-bd .item:not(.item-stage) .item-bd{margin-bottom:4px}.content-bd .item:not(.item-main)+.item-stage{padding-top:8px}.content-bd .item+.item-main{padding-top:8px}.content-bd .item-hd{position:relative;padding:10px 0 8px;font-weight:500;font-size:15px;line-height:24px;overflow:hidden;color:#222}.content-bd .item-hd .icon{vertical-align:-3px;color:#00b38a;margin-right:2px}.content-bd .item-hd .item-time{float:left;display:inline-flex;font-size:15px;width:150px}@media screen and (max-width: 720px){.content-bd .item-hd .item-time{width:100%;margin-bottom:4px}}.content-bd .item-hd .item-more{float:right;margin-left:8px}.content-bd .item-hd .item-more:not(.btn){height:24px;line-height:24px}.content-bd .item-hd .item-more strong{font-size:14px;margin-left:4px;margin-right:0}@media screen and (max-width: 720px){.content-bd .item-hd .item-more.btn{position:absolute;right:0;top:10px}}.content-bd .item-hd .item-name{float:left;display:inline}.content-bd .section-content{line-height:28px;text-align:justify;word-break:break-all;margin-bottom:3px}.content-bd .section-content .icon-dot{vertical-align:-3px;color:#00b38a;margin-right:2px}.content-bd .section-content.sub-content{margin-top:-1px;padding-left:4px}.content-bd .section-content.sub-content .icon-dot{width:12px;height:12px;color:#999;margin-right:-3px}.content-bd em{font-size:14px;line-height:16px;border:1px solid #e7e7e7;border-radius:3px;color:#333;margin:0 4px;padding:1px 4px;background-color:#f7f7f7}.content-bd strong{font-size:14px;line-height:16px;font-weight:500;color:#474747;margin:0 4px;padding:0 4px;border-bottom:1px solid #eaeaea;box-shadow:inset 0 -8px #eaeaea}.btn{display:inline-flex;padding:0 4px;border:1px solid #00b38a;border-radius:3px;font-family:Menlo,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Arial Regular;height:20px;font-size:12px;line-height:18px;margin:2px 0;text-align:center;color:#00b38a}.btn:hover{color:#fff;background-color:#00b38a}.pdf{display:inline-flex;align-items:center;position:fixed;z-index:10;bottom:6px;left:50%;margin-left:520px;padding:0 8px;border-radius:3px;font-size:14px;line-height:24px;color:#fff;background-color:#00b38a;transition:all .2s ease-in-out;animation:fade 1.6s}@media screen and (max-width: 1246px){.pdf{left:auto;right:8px;margin-left:0}}.pdf .icon{margin-right:4px}footer{text-align:center;transition:all .2s ease-in-out;animation:fade 1.6s}footer.github-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:8px;margin-bottom:8px}@media screen and (max-width: 1024px){footer.github-footer{margin-bottom:48px}}footer.print-footer{display:none}footer.license-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:0;margin-bottom:16px;font-size:12px}footer .footer-link{display:inline;color:#d1d1d1}footer .footer-link .icon{width:13px;height:13px;margin-right:3px;vertical-align:-3px}@keyframes fade{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{background-color:#f1f1f1;overflow:visible;width:3px;height:3px}::-webkit-scrollbar-thumb{background-color:#0003;background-clip:padding-box;min-height:15px;box-shadow:inset 1px 1px #0000001a,inset 0 -1px #00000012}::-webkit-scrollbar-thumb:vertical:hover{background-color:#0000004d}::-webkit-scrollbar-thumb:vertical:active{background-color:#00000080}::-webkit-scrollbar-button{height:0;width:0}::-webkit-scrollbar-track{background-clip:padding-box;border:solid transparent;border-width:0 0 0 4px}::-webkit-scrollbar-corner{background:transparent}::selection{background:#d1d1d1}@media print{.status-bar .status,.pdf,footer.license-footer{display:none}body{background-color:unset}.kill-ie,.top-bar{position:absolute}.content{margin:0 auto;border-radius:0;box-shadow:none;padding-bottom:32px}.content .content-hd{padding-top:40px;padding-bottom:32px}.content .content-hd .job{font-weight:400;-webkit-font-smoothing:unset;opacity:.96}.content .content-bd section{margin-bottom:20px}.content .content-bd section .section-hd{margin-bottom:8px}.status-bar{position:absolute;z-index:1;width:1024px;top:unset;bottom:24px;text-align:left;padding:0 48px;color:#d1d1d1;font-size:12px;line-height:24px}.status-bar .last-modified{float:left}footer{position:absolute;z-index:1;width:1024px;bottom:24px;left:50%;transform:translate(-50%);font-size:13px;line-height:24px;text-align:right;padding:0 48px}footer.github-footer{display:none}footer.print-footer{display:block}footer.print-footer .footer-link{margin:0}}#skill .section-content{line-height:30px;margin-bottom:3px}#experience .section-content strong{color:#363636}#practice .item-main .item-hd{padding-top:6px}#practice .item-main~.item .item-hd{padding-top:4px}#practice .item-more.btn{float:left;font-size:12px;margin-left:12px;border:1px solid #999;color:#777}#practice .item-more.btn:hover{color:#fff;border:1px solid #777;background-color:#777}@media screen and (max-width: 720px){#practice .item-more.btn{position:unset}}#practice .item-name{float:left}#practice .item-time{float:right;color:#666;font-size:14px;width:100px;text-align:right;display:inline}@media print{#experience .section-hd{margin-bottom:4px}}
</style></head><body><!--[if IE]>
<p class="kill-ie">微软都放弃了IE，为啥你却还不放弃？</p>
<![endif]--><p class="top-bar">正文文本由 ChatGPT 生成，不具备真实性，仅做简历模板参考</p><div class="status-bar"><p class="status" href="github.com/cong-min/resume" target="_blank"><i class="icon icon-rss"></i> 简历模版</p><p class="last-modified">最后更新时间：2023年04月</p></div><div class="content"><header class="content-hd"><section class="title"><div class="name"><h1>姓名<small>Name</small></h1></div><div class="job"><h2>资深前端开发工程师<small> / 新加坡</small></h2></div></section><section class="info"><h2>男 / 1991.01</h2><h3>本科 / 2013年毕业 · 10年工作经验</h3><h3>新加坡国立大学 · 计算机科学与技术</h3></section><section class="contact"><ul><li><a href="tel:+65-12345678" target="_blank"><span class="contact-link">+65-12345678</span> <i class="icon icon-phone"></i></a></li><li><a href="mailto:[email protected]" target="_blank"><span class="contact-link">[email protected]</span> <i class="icon icon-mail"></i></a></li><li><a href="https://name.me" target="_blank"><span class="contact-link">https://blog.name.me</span> <i class="icon icon-home"></i></a></li><li><a href="https://github.com/name" target="_blank"><span class="contact-link">github.com/name</span> <i class="icon icon-github"></i></a></li></ul></section></header><div class="content-bd"><section id="skill"><header class="section-hd"><span class="section-title-l"></span><h2 class="section-title">个人能力</h2><span class="section-title-r"></span></header><div class="section-bd"><ul class="section-list"><li><p class="section-content"><i class="icon icon-dot"></i> 掌握<strong>HTML5</strong>、<strong>CSS3</strong>、<strong>JavaScript</strong>等前端技术，并且熟练运用<strong>React</strong>、<strong>Vue</strong>、<strong>Angular</strong>等主流前端框架。有扎实的编程基础和良好的<strong>设计模式</strong>编程思想，能够封装符合<strong>面向对象</strong>编程规范的组件库和代码库。</p></li><li><p class="section-content"><i class="icon icon-dot"></i> 具备深入理解<strong>前端架构</strong>设计的能力，能够通过架构设计调整应用程序结构、优化应用性能、提升应用使用体验。熟悉<strong>基础设施</strong>、<strong>部署架构</strong>、<strong>性能优化</strong>等方面的技术，能够制定前端技术架构方案。</p></li><li><p class="section-content"><i class="icon icon-dot"></i> 具备卓越的团队领导和协作能力，善于协调沟通和技术团队的合作。能够准确分配任务和资源、确保团队成员的技术水平和质量要求、并且不断提高团队的协作效率和工作效果。</p></li><li><p class="section-content"><i class="icon icon-dot"></i> 精通<strong>敏捷开发</strong>流程，能够为团队制定规范的开发流程和制定计划，有效提升开发效率和质量。熟练使用前端开发工具和技术，如 <strong>Webpack</strong>、<strong>Grunt</strong>、<strong>Gulp</strong>等。</p></li><li><p class="section-content"><i class="icon icon-dot"></i> 具备出色的<strong>UI/UX</strong>设计能力，能够精准的根据需求定制设计方案，设计出高质量的 UI 接口和交互。熟悉设计约束条件和用户体验原则。同时，具备深入理解用户心理和特点的能力，从而创造出更好的用户体验和更具吸引力的交互效果。</p></li><li><p class="section-content"><i class="icon icon-dot"></i> 保持对前端最新技术和潮流的持续探索和学习，并通过实践应用到项目开发中。研究新技术和趋势并在应用中运用，如<strong>PWA</strong>、<strong>微前端</strong>、<strong>WebAssembly</strong>等。在前端领域保持敏感性，对项目开发整体的前景和前沿趋势做精确的预测和思考。</p></li></ul></div></section><section id="experience"><header class="section-hd"><span class="section-title-l"></span><h2 class="section-title">工作经验</h2><span class="section-title-r"></span></header><div class="section-bd"><div class="item item-main"><header class="item-hd"><span class="item-time">2019.04 ~ 至今</span> <a class="btn item-more" href="javascript:void(0);" target="_blank" title="工作">在职</a><h3 class="item-name">新加坡银行有限公司</h3></header></div><div class="item"><header class="item-hd"><h3 class="item-name"><i class="icon icon-dot"></i> 新加坡银行便捷金融应用项目</h3><div class="item-more"><strong>项目负责人</strong></div></header><div class="item-bd"><p class="section-content">负责新加坡银行公司的便捷金融应用的开发。在项目中，负责应用程序结构设计和开发，并协调其他技术团队保证项目的上线和部署。致力于平衡时间和资源的管理，构建一个高性能、符合金融安全要求的系统。</p><p class="section-content">设计和开发新加坡银行的便捷金融应用，维护和优化现有应用；实现前端应用平台的架构设计和开发；协作并与其他技术团队协调，争取较快的上线和部署；坚持对前端设计模式并不断推动前端开发流程的规格化。</p><p class="section-content">应用成功上线，并获得了广大用户的好评和反馈；应用覆盖了新加坡和东南亚地区，获得了高额利润并推动公司业绩增长。</p></div></div><div class="item item-main"><header class="item-hd"><span class="item-time">2016.02 ~ 2019.04</span><h3 class="item-name">谷歌新加坡研发中心</h3></header></div><div class="item"><header class="item-hd"><h3 class="item-name"><i class="icon icon-dot"></i> Google Cloud Console</h3><div class="item-more"><strong>前端开发</strong></div></header><div class="item-bd"><p class="section-content">参与了前端架构的设计、开发和部署，也负责前端性能优化和安全性实践。利用<em>React</em>和<em>Redux</em>等主流前端技术；坚持对代码执行效率、可扩展性和可维护性的优化；致力于自动化测试，将测试用例，自动执行编写自动化工具；为该项目设立前端规范流程，定期对各个开发阶段进行检查。</p><p class="section-content">参与Google云端存储服务的前端开发工作，负责构建网页界面和优化用户体验；负责开发Google Maps API的前端部分，实现地图展示、标记、搜索等功能；支援Google AdSense服务团队，参与前端开发工作，涉及广告展示、点击跟踪等多方面工作。</p></div></div><div class="item item-main"><header class="item-hd"><span class="item-time">2013.07 ~ 2016.02</span><h3 class="item-name">新加坡晶峰科技有限公司</h3></header></div><div class="item"><header class="item-hd"><h3 class="item-name"><i class="icon icon-dot"></i> 内部管理系统</h3><div class="item-more"><strong>前端开发</strong></div></header><div class="item-bd"><p class="section-content">负责开发公司内部管理系统和客户定制系统。通过对现有代码和移动端应用进行优化，使其运行速度和效率更高，同时还负责编写系统性能测试计划，提高系统稳定性。优化并维护现有公司系统和应用；执行代码审阅和代码测试计划；与测试团队一起开展系统性能测试。</p></div></div></div></section><section id="practice"><header class="section-hd"><span class="section-title-l"></span><h2 class="section-title">实践经历</h2><span class="section-title-r"></span></header><div class="section-bd"><div class="item-main"><header class="item-hd"><h3 class="item-name" title="Facebook新加坡研发中心">Facebook新加坡研发中心</h3><a class="btn item-more" href="https://aliyun.com" target="_blank" title="实习经历">实习 </a><span class="item-time">2012年暑假</span></header></div></div></section></div></div><footer class="github-footer"><a class="footer-link" href="https://github.com/cong-min/resume" target="_blank"><i class="icon icon-link"></i> github.com/cong-min/resume</a></footer><footer class="print-footer"><a class="footer-link" href="github.com/cong-min/resume" target="_blank"><i class="icon icon-link"></i> 网页版简历：github.com/cong-min/resume</a></footer><footer class="license-footer"><a class="footer-link" href="https://github.com/cong-min/resume/blob/master/LICENSE" target="_blank">License: CC-BY-SA-4.0</a></footer><a class="pdf" href="./resume.pdf"><i class="icon icon-download"></i> PDF简历</a></body></html>