-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
343 lines (339 loc) · 18.8 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
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
<!doctype html>
<html lang="zh-Hans">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>司秀城的简历</title>
<link rel="stylesheet" href="./css/main.css" media="(min-width:426px)">
<link rel="stylesheet" href="./css/phone.css" media="(max-width:425px)">
<link rel="stylesheet" href="./css/print.css" media="print">
</head>
<body>
<div id="page" class="layout">
<header>
<div class="resume-link">
<a href="https://presbyter2012.gitee.io/resume/">简历在线版</a>
</div>
<h1>司 秀 城</h1>
<p> Web 前端开发</p>
</header>
<aside>
<div class="avader">
<img style="max-width:10000px" src="./img/avader.jpg" alt="头像">
</div>
<section>
<div class="personal">
<h2>基本信息</h2>
<div class="item">
<span>学历</span>
<span>本科</span>
</div>
<div class="item">
<span>英语</span>
<span>CET-6</span>
</div>
<div class="item">
<span>毕业时间</span>
<span>2015.7</span>
</div>
<div class="item">
<span>年龄</span>
<span>28</span>
</div>
</div>
</section>
<section>
<div class="skills">
<h2>相关技能</h2>
<div class="item">
<p class="keyword">JavaScript/ HTML 5/ CSS 3</p>
<p class="rule"><i style="width: 75%"></i></p>
</div>
<div class="item">
<p class="keyword">Vue.js/ Vuex/ Vue Router/ Axios/ iview</p>
<p class="rule"><i style="width: 65%"></i></p>
</div>
<div class="item">
<p class="keyword">React/ Redux/ React-Router/ Fetach/ antd</p>
<p class="rule"><i style="width: 70%"></i></p>
</div>
<div class="item">
<p class="keyword">Node.js/ Koa/ egg.js</p>
<p class="rule"><i style="width: 30%"></i></p>
</div>
<div class="item">
<p class="keyword">Webpack/ yarn/ Npm Script</p>
<p class="rule"><i style="width: 70%"></i></p>
</div>
<div class="item">
<p class="keyword">ES6/ Sass、Less/ Babel</p>
<p class="rule"><i style="width: 73%"></i></p>
</div>
<div class="item">
<p class="keyword">MySQL/ nginx</p>
<p class="rule"><i style="width: 23%"></i></p>
</div>
<div class="item">
<p class="keyword">Python/ flask</p>
<p class="rule"><i style="width: 20%"></i></p>
</div>
</div>
</section>
<section>
<div class="contact">
<h2>联系方式</h2>
<div class="item">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-phone"></use>
</svg>
<span>17631708248</span>
</div>
<!-- <div class="item">
<svg class="icon" aria-hidden="true" style="fill:red;">
<use xlink:href="#icon-wechat"></use>
</svg>
<span>873606339</span>
</div> -->
<div class="item">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-mail"></use>
</svg>
<span>[email protected]</span>
</div>
<div class="item">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-location"></use>
</svg>
<span>杭州</span>
</div>
</div>
</section>
<section>
<div class="more">
<h2>了解更多</h2>
<div class="item">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-blog"></use>
</svg>
<span class="link"><a target="_blank" href="https://presbyter2015.github.io/">个人博客主页</a></span>
</div>
<div class="item">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-github"></use>
</svg>
<span class="link"><a target="_blank" href="https://github.com/presbyter2015/">访问 GitHub</a></span>
</div>
<div class="item">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-zhihu"></use>
</svg>
<span class="link"><a target="_blank"
href="https://blog.csdn.net/weixin_38023551">CSDN</a></span>
</div>
</div>
</section>
</aside>
<main>
<section>
<h2>项目经历</h2>
<div class="item">
<h3>上岸app后台管理ERP系统</h3>
<ul>
<li>
<strong>项目介绍：</strong>该项目是上岸app管理系统。对公务员考试所对应的申论，行测进行录入，以及课程的点播、直播等。学生数据分析，学生作业批改，app数据埋点等。
</li>
<li><strong>浏览链接：</strong><a href="http://erp.lixingjy.com/login"
target="_blank">http://erp.lixingjy.com/login</a></li>
<li><strong>技术栈：Vue CLI/ Vue2/ Vue Router/ Axios/ ES6/ Npm/ LESS/ View UI</strong></li>
<li><strong>主要职责：</strong>
<p>1.负责整个web项目的搭建优化，部署。</p>
<p>2.对接第三方OSS存储（阿里云、七牛云）。</p>
<p>3.试卷录入，试卷批改，对学生所上传的答案进行批注，打分。</p>
<p>4.商城功能，优惠券，秒杀，拼团；可视化H5分享页开发等。</p>
</li>
</ul>
</div>
<div class="item">
<h3>砺行教育官网</h3>
<ul>
<li><strong>项目介绍：</strong>该项目是公司申请备案临时开发项目。仅用一星期完成的静态页面。</li>
<li><strong>浏览链接：</strong><a href="http://www.lixingjy.com/"
target="_blank">http://www.lixingjy.com/</a></li>
<li><strong>技术栈：Nuxt/ ES6/ Npm/ LESS</strong></li>
<li><strong>主要职责：</strong>
<p>1.负责整个web项目的搭建优化，部署。</p>
</li>
</ul>
</div>
<div class="item">
<h3>菜头侠商城后台</h3>
<ul>
<li><strong>项目介绍：</strong>该项目是商城微信小程序，相对应的后台管理端。</li>
<li><strong>浏览链接：</strong><a href="https://www.caitou1688.com/"
target="_blank">https://www.caitou1688.com/</a></li>
<li><strong>技术栈：React/ Redux/ ES6/ Axios/ Antd Design/ LESS</strong></li>
<li><strong>主要职责：</strong>
<p>1.商家后台登录功能实现。</p>
<p>2.商品管理的增、删、改、查。Quill实现富文本功能。</p>
<p>3.商家的权限管理，客服添加。</p>
</li>
</ul>
</div>
<div class="item">
<h3>菜头侠点餐后台</h3>
<ul>
<li><strong>项目介绍：</strong>该项目是一款集外卖，堂食，自取一体的微信小程序，相对应的后台管理端。</li>
<li><strong>浏览链接：</strong><a href="https://www.caitou1688.com/"
target="_blank">https://www.caitou1688.com/</a></li>
<li><strong>技术栈：jQuery/ Bootstrap/ Gulp</strong></li>
<li><strong>主要职责：</strong>
<p>1.商家后台登录功能实现。</p>
<p>2.商品管理的增、删、改、查。</p>
<p>3.商家营业数据的展示。订单的处理，堂食菜品的取消、下单、结算。</p>
</li>
</ul>
</div>
<div class="item">
<h3>菜头侠餐厅 （微信小程序）</h3>
<ul>
<li><strong>项目介绍：</strong>该项目是一款集外卖，堂食，自取一体的微信小程序。</li>
<li><strong>技术栈：微信小程序api</strong></li>
<li><strong>主要职责：</strong>
<p>1.使用微信小程序组件实现布局，下拉框，轮播图的实现。</p>
<p>2.与后端工程师协商模拟json数据，并使用微信小程序API引擎渲染到页面。</p>
<p>3.通过定位实现外卖地址的获取，及距离的范围的控制。</p>
<p>4.通过微信小程序API实现购物车的功能。</p>
<p>5.实现会员卡功能，并使用模板消息实现通知顾客购买成功通知。</p>
</li>
</ul>
</div>
<div class="item">
<h3>菜头侠点餐商家版 （微信小程序）</h3>
<img src="./img/hdgl.jpg" alt="" srcset="">
<ul>
<li><strong>项目介绍：</strong>该项目是对菜头侠餐厅进行简单管理的微信小程序。</li>
<li><strong>技术栈：微信小程序api</strong></li>
<li><strong>主要职责：</strong>
<p>1.商家后台登录功能实现。</p>
<p>2.商家营业数据的展示。</p>
<p>3.商家订单的处理，商品的增、删、改、查。</p>
<p>4.店铺详细信息的logo的上传，背景图片的上传，商家的基本详情的修改。</p>
</li>
</ul>
</div>
<div class="item">
<h3>菜头O2O行业解决方案服务商 （微信小程序）</h3>
<img src="./img/ctxgw.jpg" alt="" srcset="">
<ul>
<li><strong>项目介绍：</strong>自己公司使用的考勤系统小程序。</li>
<li><strong>技术栈：wepy</strong></li>
<li><strong>主要职责：</strong>
<p>1.用户登录功能实现。</p>
<p>2.用户绩效、工作时长展示。</p>
<p>3.用户打卡定位，资料审核等。</p>
</li>
</ul>
</div>
<div class="item">
<h3>卡姿汇服饰 （微信小程序）</h3>
<img src="./img/kzhfs.jpg" alt="" srcset="">
<ul>
<li><strong>项目介绍：</strong>菜头侠商城小程序的成功案例。</li>
<li><strong>技术栈：wepy</strong></li>
<li><strong>主要职责：</strong>
<p>1.整个项目框架的搭建，选型。</p>
<p>2.一套商城流程。</p>
<p>3.项目的发布、审核等。</p>
</li>
</ul>
</div>
<div class="item">
<h3>161精品台球会所 （微信小程序）</h3>
<img src="./img/161tq.jpg" alt="" srcset="">
<ul>
<li><strong>项目介绍：</strong>菜头侠商城小程序和点餐小程序的成功案例。</li>
<li><strong>技术栈：wepy</strong></li>
<li><strong>主要职责：</strong>
<p>1.整个项目框架的搭建，选型。</p>
<p>2.一套商城流程。</p>
<p>3.项目的发布、审核等。</p>
<p>4.小程序分包加载，路由限制，第三方开发等。</p>
</li>
</ul>
</div>
</section>
<div class="line"></div>
<section>
<h2>关于我</h2>
<p><strong>1、</strong>熟练 HTML、DIV + CSS 的<span class="highlight">页面布局</span>，能根据设计图<span
class="highlight">像素级</span>完成页面制作
<span>熟悉 HTML 5 及<span class="highlight">语义化</span>，了解<span class="highlight"> Canvas </span>动画制作，掌握
CSS
3 <span class="highlight">动画、过渡效果</span>等常用技术</span></p>
<p><strong>2、</strong>熟悉原生 JavaScript，会使用<span class="highlight"> ES6+ </span>常用规范，熟悉<span
class="highlight">
TypeScript</span>，熟练使用
<span class="highlight"> jQuery，Zepto </span>等</p>
<p><strong>3、</strong>熟悉 <span class="highlight">Vue</span>单页应用开发， 使用<span
class="highlight">vue-cli</span>搭建项目，以及使用<span class="highlight">Vuex</span>进行数据状态管理，<span
class="highlight">vue-router</span>进行路由跳转。熟练使用vue的UI组件库，如<span class="highlight">Element
UI</span>和<span class="highlight">View
UI</span>，<span class="highlight">Vant</span>。可以使用<span class="highlight">Nuxt.js</span>进行多页面开发
</p>
<p><strong>4、</strong>熟悉微信小程序，微信公众号开发。熟悉<span class="highlight">wepy</span>、<span
class="highlight">Taro+ts+mobx</span>、原生js对微信小程序的开发。使用wepy-redux来进行状态管理。</p>
<p><strong>5、</strong>熟悉react框架，可以独立搭建react脚手架，以及对状态管理<span
class="highlight">Redux</span>的使用。熟悉使用react全家桶<span
class="highlight">Create-React-App</span>脚手架，<span class="highlight">Antd
Design</span>以及<span class="highlight">react-route</span></p>
<p><strong>6、</strong>熟悉<span class="highlight">webpack、Babel、Gulp</span>项目编译构建工具</p>
<p><strong>7、</strong>了解python、nodejs，使用python-flask，以及koa、egg 进行web应用开发</p>
<p><strong>8、</strong>了解mysql，nginx，linux可使用阿里云部署项目。</p>
</section>
<section>
<h2>工作经历</h2>
<div class="item">
<h3>浙江砺行教育科技有限公司</h3>
<h4>技术部 | web前端 <span class="time" style="margin-left: 30px;">2018.11-至今</span></h4>
<ul>
<li>
<strong>工作内容：</strong>
<p>1. 负责公司上岸App的后台ERP系统搭建</p>
<p>2. 负责公司官网、节日活动H5页面开发</p>
</li>
</ul>
</div>
<div class="item">
<h3>浙江菜头网络科技有限公司</h3>
<h4>技术部 | web前端leader <span class="time" style="margin-left: 30px;">2016.12-2018.10</span></h4>
<ul>
<li>
<strong>工作内容：</strong>
<p>1. 负责公司微信小程序的开发，主要开发点餐小程序、商城小程序</p>
<p>2. 负责公司微信小程序的后台系统搭建</p>
<p>3. 负责公司官网、节日活动H5页面开发</p>
</li>
</ul>
</div>
<div class="item">
<h3>中电熊猫公司</h3>
<h4>阵列 | 工程师 <span class="time" style="margin-left: 30px;">2015.4-2016.12</span></h4>
<ul>
<li>
<strong>工作内容：</strong>
<p>1. 负责公司液晶显示的良率提升、设备的正常的运转</p>
<p>2. 负责公司维护生产线服务器</p>
</li>
</ul>
</div>
</section>
</main>
<footer>
<a href="https://presbyter2015.github.io/" target="_blank">Designed by PresByter</a>
</footer>
</div>
<script src="//at.alicdn.com/t/font_963522_ysjp62qwni.js"></script>
</body>
</html>