-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
180 lines (168 loc) · 15.4 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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Yajun's Resume</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" type="text/css" href="css/resume-v2.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
</head>
<body>
<div class="warp">
<div class="header">
<img src="img/photo.jpg" />
</div>
<div class="block info">
<h2>陈亚军</h2>
<p class="f_word">我不在乎输赢，我就是认真</p>
<p><i class="fa fa-tasks"></i>前端工程师</p>
<p><span><i class="fa fa-male"></i>男</span><span><i class="fa fa-graduation-cap"></i>本科</span><span><i class="fa fa-map-marker"></i>南京</span></p>
<p><i class="fa fa-calendar-check-o"></i><span>4年工作经验</span></p>
<p><span><i class="fa fa-phone"></i>152-****-0578</span> <span><i class="fa fa-envelope-o"></i>[email protected]</span></p>
<p><a href="https://github.com/stuxt/stuxt.github.io/issues" target="_blank"><i class="fa fa-bold"></i></a><a href="https://github.com/stuxt" target="_blank"><i class="fa fa-github"></i></a><a href="http://weibo.com/cyj666" target="_blank"><i class="fa fa-weibo"></i></a></p>
</div>
<div class="ex-box">
<div class="item-box">
<div class="title">自我描述</div>
<div class="content">
<p>4年前端开发经验，从切图开始，经历过小网站的开发也经历过复杂项目的开发和优化，做过项目前端负责人也带过10+人的前端团队。对技术有热情，平时工作认真负责，善于发现并解决问题，喜欢学习，善于总结分享。熟悉前端工作流程以及团队协作，有多个线上网站经验和后台系统的前端开发经验。熟悉UI和交互设计，后端科班出身。平时喜欢看书／摄影／写文章／跑步等，我是一个热爱工作热爱生活的文艺青年。</p>
</div>
</div>
<div class="item-box skill">
<div class="title">擅长技能</div>
<div class="content">
<ul class="tec-list">
<li class="tec-hc"><div class="pro-box"><div class="pro-inner"><span>HTML/CSS</span></div></div></li>
<li class="tec-h5c3"><div class="pro-box"><div class="pro-inner"><span>HTML5/CSS3</span></div></div></li>
<li class="tec-js"><div class="pro-box"><div class="pro-inner"><span>Javascript</span></div></div></li>
<li class="tec-bs"><div class="pro-box"><div class="pro-inner"><span>Bootstrap</span></div></div></li>
<li class="tec-jq"><div class="pro-box"><div class="pro-inner"><span>jQuery</span></div></div></li>
<li class="tec-node"><div class="pro-box"><div class="pro-inner"><span>NodeJS</span></div></div></li>
<li class="tec-ps"><div class="pro-box"><div class="pro-inner"><span>Photoshop</span></div></div></li>
<li class="tec-gulp"><div class="pro-box"><div class="pro-inner"><span>Gulp</span></div></div></li>
<li class="tec-git"><div class="pro-box"><div class="pro-inner"><span>Git</span></div></div></li>
<li class="tec-rq"><div class="pro-box"><div class="pro-inner"><span>RequireJS</span></div></div></li>
<li class="tec-vue"><div class="pro-box"><div class="pro-inner"><span>Vuejs</span></div></div></li>
</ul>
<p><span>技能描述：</span></p>
<ul class="skill-list">
<li><i class="fa fa-check-square-o"></i>能够熟练使用HTML/CSS高效快速把设计稿转化成跨浏览器的网页文件，对于主流浏览器兼容性有一定经验，对于代码语义化有深刻理解，熟悉W3C标准，乐于提高优化代码结构提高页面加载速度；</li>
<li><i class="fa fa-check-square-o"></i>能够使用原生JS或者常用的JS库/框架（如：jQuery、Zepto等）实现不同的页面交互效果，能够使用Ajax异步加载后台接口数据（如：Json等），对于前端模块化有一定的理解，了解MV＊的开发模式，对于常用的框架（如：RequireJS、Backbone、Vuejs）有一定的了解和实践经验；</li>
<li><i class="fa fa-check-square-o"></i>具有HTML5/CSS3等移动端Web页面开发经验和案例，对于移动端自适应、响应式开发等有深刻理解和一定经验，熟悉常用的移动端开发框架（如：Framework7、SUI、BootStrap等），有实践和学习经验；</li>
<li><i class="fa fa-check-square-o"></i>具备前端工程化思想，熟悉前端自动化工具Gulp、Webpack等，熟悉SVN、Git等版本管理工具；</li>
<li><i class="fa fa-check-square-o"></i>具有一定的前端团队建设和管理经验；</li>
<li><i class="fa fa-check-square-o"></i>对于前端web性能优化有一定理解，熟悉前端测试和调试工具，熟悉nginx服务器的基本配置使用；</li>
<li><i class="fa fa-check-square-o"></i>热爱学习前端前沿技术，学习了解使用NodeJS、React、ES6、Webpack、sass、less等前沿技术和工具。</li>
<li><i class="fa fa-check-square-o"></i>对于UI设计和交互设计方面在工作中也有实践，产品设计和交互设计有一定理解。</li>
</ul>
</div>
</div>
<div class="item-box exp">
<div class="title">工作经历</div>
<div class="content">
<p><span>基本描述：</span>主要列举部分具有代表性的项目和经验(根据时间倒序)。</p>
<dl>
<dt><i class="fa fa-users"></i>南京途牛科技有限公司（2016/4——至今）</dt>
<dd>
<ul>
<li class="exp-item-title"><i class="fa fa-check-square"></i>订单系统前端性能优化</li>
<li class="exp-item-content">
<p>公司内部订单系统前端优化项目负责人，负责分析前端性能瓶颈问题原因，并调研制定解决方案，制定优化计划并实施开发解决。</p>
<p>主要分为以下阶段分别实施：采取静态资源压缩的方式来减少请求资源体积大小，实现第一步的优化；和运维工程师协作实施前端请求的合并来减少请求数量，实现第二步的优化；通过和领导沟通并和后端工程师配合实施前后端的分离工作，让前后端的职能界限更加清晰，也优化原本后端渲染性能低的问题，实现第三步的优化。</p>
<p>实施过程中对于部门前端开发混乱技术落后的现状做了分析之后，结合目前现状制定出了符合团队利益的优化计划。分别主导实施了前端自动化工具Gulp部署、Gulp＋Webpack的调研测试、调研nginx前端服务并结合nginx-http-concat完成前端请求合并、调研前后端分离方案和模版引擎的选择，最终实现系统后端模版FreeMarker到前端模版artTemplate的切换。</p>
<p>完成从调研－模块试用－大范围推广－团队技术培训的完整的优化工作。目前，系统性能方面已经有很大的提升，系统也更加点健壮，同时对于业务的提升也是明显的。</p>
</li>
<li class="exp-item-title"><i class="fa fa-check-square"></i>推进团队前端发展</li>
<li class="exp-item-content">
<p>从初期前端开发环境混乱，文档缺乏，目录不清晰等问题入手，逐步迭代优化前端问题。</p>
<p>梳理项目前端目录结构，并整理冗余文件代码，使得开发目录结构更佳合理清晰；整理并补充各种前端规范、开发文档；带领部门前端同事研究实践推广新技术，并引入前端工程化概念和工具、Node概念和工具、前后端分离思想等。</p>
</li>
<li class="exp-item-title"><i class="fa fa-check-square"></i>业务需求前端开发</li>
<li class="exp-item-content">
<p>初期，在在线预定组参与新版在线预定页面相关模块等开发，在没有Backbone开发经验的基础下，按时按质的学习并完成符合要求的功能开发。后期参与订单系统业务需求的开发，包括现有系统扩展需求的开发和新增业务复杂逻辑的前端开发。</p>
</li>
</ul>
</dd>
<dt><i class="fa fa-users"></i>北京拓尔思信息技术有限公司（2013/7——2016/4）</dt>
<dd>
<ul>
<li class="exp-item-title"><i class="fa fa-check-square"></i>团队建设（团队管理）</li>
<li class="exp-item-content">
<p>从2014年4月份开始接手负责组建前端团队，从开始的3个人发展到8个小伙伴，我们一起从0开始，制定团队规范，优化工作流程，组织大家一起学习总结分享，共同成长。实现了作坊式工作模式到团队工作模式的转变，大大提高了工作效率，很好的完成了项目的基础上也总结留下了很多团队资料和经验。</p>
</li>
<li class="exp-item-title"><i class="fa fa-check-square"></i>中国合肥</li>
<li class="exp-item-content">
<p>负责中国合肥市政府新网站PC和移动端的前端工作：规划项目前端架构、团队协作规范、项目通用组件库的开发等，同时也负责项目前端组的日常管理工作。</p>
<p>参与项目主要核心页面功能开发和效果实现，其中涉及对于<span>cookie</span>的操作，js各种前端交互效果的实现，<span>CSS3</span>新属性的使用以及<span>Lazyload</span>懒加载的应用。</p>
<p>负责移动端的开发，主要使用<span>HTML5和CSS3</span>以及移动端的开发框架来实现移动端的需求。</p>
</li>
<li class="exp-item-title"><i class="fa fa-check-square"></i>中国南京网站群</li>
<li class="exp-item-content">
<p>作为前端团队负责人，整个团队负责中国南京站群下的120多家政府网站的开发、改版、维护工作。</p>
<p>我作为团队负责人，主要参与网站改版前端技术方向的沟通和规划。主导参与项目的开发工作，主要涉及PC端、移动端和响应式的项目开发。</p>
<p>在工作过程中使用的技术工具主要涉及：<span>异步加载</span>，<span>全屏滚动视差</span>效果，<span>CSS雪碧图</span>，<span>瀑布流</span>效果，<span>Ajax</span>，<span>Json</span>，<span>IconFont</span>，<span>Bootstrap</span>，<span>CSS3</span>，<span>Media query</span>，<span>HTML5</span>，<span>photoshop</span>等。</p>
</li>
<!--<li class="exp-item-content">中国南京（手机版）：此项目是中国南京政府门户网站的移动版，对PC端进行重新规划架构更符合移动端，主要用到了<span>jQuery mobile</span>的部分对功能实现，用到了<span>CSS3</span>的<span>media query</span>实现了自适应和达到响应式的效果，以及<span>Ajax</span>实现了分页异步加载数据。</li>-->
<!--<li class="exp-item-content">金陵图书馆（响应式）：金陵图书馆官网，主要基于<span>Bootstrap</span>实现了本站的响应式开发需求，实现了不同终端上都能友好的展示，对于一些小图标使用<span>iconfont</span>实现。配合后端工程师，对接接口与第三方系统，实现网站的上线。</li>-->
<!--<li class="exp-item-content">江苏省发改委：江苏省发改委官网，主要是对江苏发改委网站的改版，主要是通过<span>异步加载</span>的方式，<span>对首页进行了优化</span>，把其他不同频道的内容加载到首页的不同容器，实现切换展示。使用异步加载主要是考虑到全部都写在首页一个页面上影响加载速度，所以通过把不同页面的内容异步加载到首页预留的不同容器内实现按需加载，加快首页加载速度。</li>-->
<!--<li class="exp-item-content">我的南京APP（部分HTML5页面）：主要配合“我的南京”app，实现一些HTML5页面的开发，主要包括新闻页面，摄影页面，实现移动端的<span>瀑布流效果</span>和<span>Ajax异步加载</span>实现翻页的需求，配合app工程师修复各种bug。</li>-->
<!--<li class="exp-item-content">中国南京门户网站：我作为前端负责人，负责所有前端的工作，制定团队协作规范和注意事项，手写JS实现页面不同的交互效果，对于页面优化部分尽量优化dom结构和使用<span>css 雪碧图</span>来减少请求数量，实现页面性能的优化，也使用了部分<span>CSS3</span>特性来实现交互效果。整合前端团队工作，配合后端制定某些数据接口。</li>-->
</ul>
</dd>
<dt><i class="fa fa-users"></i>图表家（WEB APP）</dt>
<dd>这是业余帮朋友做的一个web app的项目，主要就是一个信息展示类的移动端项目，这个项目我主要使用了<span>SUI</span>、<span>Ajax</span>、<span>Json</span>、<span>HTML5</span>、<span>CSS3</span>等技术，构建了一个有这原生体验的webapp。</dd>
</dl>
<a href="https://github.com/stuxt" target="_blank" class="a-github">更多Demo，请移步我的Github</a>
</div>
</div>
<div class="item-box edu">
<div class="title">教育经历</div>
<div class="content">
<p>滁州学院 （2009-2013）本科·计算机科学与技术</p>
<!--<ul>-->
<!--<li><i class="fa fa-dot-circle-o"></i>[2010]获校网页设计大赛一等奖</li>-->
<!--<li><i class="fa fa-dot-circle-o"></i>[2011-2012]担任院学生会办公室主任</li>-->
<!--<li><i class="fa fa-dot-circle-o"></i>[2011]获校二等奖学金</li>-->
<!--<li><i class="fa fa-dot-circle-o"></i>[2011]获学生会“优秀学生干部”称号</li>-->
<!--<li><i class="fa fa-dot-circle-o"></i>[2012]获国家励志奖学金</li>-->
<!--<li><i class="fa fa-dot-circle-o"></i>[证书]英语四级</li>-->
<!--<li><i class="fa fa-dot-circle-o"></i>[证书]国家计算机四级（网络工程师）</li>-->
<!--</ul>-->
</div>
</div>
<div class="item-box product">
<div class="title">作品展示</div>
<div class="content">
<p>大部分需要PC端浏览，手机版需要在移动端浏览</p>
<ul>
<li class="nj-pc"><a href="http://www.nj.gov.cn" target="_blank">中国南京</a></li>
<li class="hf-pc"><a href="www.hefei.gov.cn" target="_blank">中国合肥</a></li>
<li class="hf-mobile"><a href="http://www.hefei.gov.cn/m/" target="_blank">中国合肥·手机版</a></li>
<li class="nj-mobile"><a href="http://www.nj.gov.cn/zgnjsjb/" target="_blank">中国南京·手机版</a></li>
<li class="jllib"><a href="http://www.jllib.cn" target="_blank">金陵图书馆</a></li>
<li class="dpc-pc"><a href="http://www.jsdpc.gov.cn" target="_blank">江苏省发改委</a></li>
<li class="njjb-pc"><a href="http://njna.nanjing.gov.cn/" target="_blank">南京江北新区</a></li>
<li class="zsl-pc"><a href="http://zschina.nanjing.gov.cn/" target="_blank">南京钟山风景名胜区</a></li>
<li class="tn-boss"><a href="###">途牛BOSS3.0订单系统（内部系统打不开）</a></li>
<!--<li class="tbj-mobile"><a href="http://m.tubiaojia.com/" target="_blank">图表家</a></li>-->
</ul>
</div>
</div>
<div class="item-box job">
<div class="title">期望工作</div>
<div class="content">
<p class="postion">前端工程师</p>
<p><span><i class="fa fa-map-marker"></i>工作地点：南京</span></p>
<p><i class="fa fa-jpy"></i>薪酬：15K-20K</p>
</div>
</div>
</div>
<div class="footer">
<p>· <a href="https://github.com/stuxt/Resume/blob/master/files/FE-Yajun'sResume-2017.pdf" target="_blank">下载简历</a> ·</p>
</div>
</div>
</body>
</html>