-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
366 lines (339 loc) · 17.1 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
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>简历 | 尹先生</title>
<link rel="stylesheet" type="text/css" href="main.css" />
</head>
<body>
<main class="content">
<!--基本信息-->
<header class="content-hd">
<section class="title">
<div class="name">
<h2>尹先生</h1>
</div>
<div class="job">
<h2>Web 前端开发工程师</h2>
</div>
</section>
<section class="info">
<ul>
<li>男 / 1996.10 · 北京</li>
<li>西安科技大学 · 计算机科学与技术</li>
<li>本科 / 2020年毕业</li>
</ul>
</section>
<section class="contact">
<ul>
<!-- <li>
<a href="https://blog.csdn.net/qq_29187355">
<span class="contact-link">博客:https://blog.csdn.net/qq_29187355</span>
<span class="iconfont">
<svg width="16px" height="16px" viewBox="0 0 1024 1024">
<path
d="M512 42.581333l-469.333333 469.333333 31.146667 31.146667L170.666667 446.250667l0 438.186667 682.666667 0L853.333333 446.208l96.853333 96.896 31.146667-31.146667L512 42.581333zM426.666667 841.770667l0-298.666667 170.666667 0 0 298.666667L426.666667 841.770667zM810.666667 841.770667l-170.666667 0 0-341.333333L384 500.437333l0 341.333333L213.333333 841.770667 213.333333 403.584l298.666667-298.666667 298.666667 298.666667L810.666667 841.770667z"></path>
</svg>
</span>
</a>
</li> -->
<li>
<a href="https://github.com/month7">
<span class="contact-link">github:https://github.com/month7</span>
<span class="iconfont">
<svg width="16px" height="16px" viewBox="0 0 1024 1024">
<path
d="M941.714 512q0 143.433-83.712 258.011t-216.283 158.574q-15.433 2.853-22.565-3.986t-7.131-17.152v-120.576q0-55.442-29.696-81.152 32.585-3.438 58.587-10.277t53.723-22.272 46.299-37.998 30.281-60.014 11.703-86.016q0-69.157-45.129-117.723 21.138-52.x05-4.571-116.553-16.018-5.157-46.299 6.29t-52.553 25.161l-21.723 13.714q-53.138-14.848-109.714-14.848t-109.714 14.848q-9.143-6.29-24.283-15.433t-47.726-22.x16-49.152-7.717q-25.161 64.585-3.986 116.553-45.129 48.567-45.129 117.723 0 48.567 11.703 85.723t29.989 60.014 46.007 38.29 53.723 22.272 58.587 10.277q-22.857 20.553-28.014 58.843-11.995 5.705-25.71 8.558t-32.585 2.853-37.413-12.288-31.707-35.73q-10.862-18.286-27.721-29.696t-28.27-13.714l-11.447-1.719q-11.995 0-16.567 2.56t-2.853 6.583 5.157 8.009 7.424 6.839l3.986 2.853q12.581 5.705 24.869 21.723t17.993 29.147l5.705 13.129q7.424 21.723 25.161 35.145t38.29 17.152 39.717 3.986 31.707-2.x11l13.129-2.304q0 21.723 0.293 50.871t0.293 30.866q0 10.277-7.424 17.152t-22.857 3.986q-132.571-43.995-216.283-158.574t-83.712-258.011q0-119.442 58.843-220.27t159.707-159.707 220.27-58.843 220.27 58.843 159.707 159.707 58.843 220.27z"></path>
</svg>
</span>
</a>
</li>
<li>
<a href="mailto:[email protected]">
<span class="contact-link">[email protected]</span>
<span class="iconfont">
<svg width="16px" height="16px" viewBox="0 0 1024 1024">
<path
d="M903.808 239.04l-818.304 0 0 545.92 852.992 0 0-545.92-34.688 0zM869.664 273.152l-329.536 329.536c-15.04 15.04-41.248 15.04-56.288 0l-329.6-329.536 715.392 0zM119.616 286.752l221.536 221.504-221.536 221.536 0-443.072zM146.848 750.848l218.464-218.432 94.432 94.4c13.952 13.952 32.512 21.664 52.256 21.664s38.304-7.712 52.256-21.664l94.432-94.432 218.432 218.432-730.304 0zM904.384 729.824l-221.536-221.568 221.536-221.568 0 443.136z"></path>
</svg>
</span>
</a>
</li>
<li>
<a href="tel:180*****1426">
<span class="contact-link">180*****1426</span>
<span class="iconfont">
<svg width="16px" height="16px" viewBox="0 0 1024 1024">
<path
d="M256 1024l512 0c26.464 0 48-21.536 48-48l0-928c0-26.464-21.536-48-48-48l-512 0c-26.464 0-48 21.536-48 48l0 928c0 26.464 21.536 48 48 48zM240 48c0-8.832 7.168-16 16-16l512 0c8.832 0 16 7.168 16 16l0 928c0 8.832-7.168 16-16 16l-512 0c-8.832 0-16-7.168-16-16l0-928zM288 864l448 0c8.832 0 16-7.168 16-16l0-672c0-8.832-7.168-16-16-16l-448 0c-8.832 0-16 7.168-16 16l0 672c0 8.832 7.168 16 16 16zM304 192l416 0 0 640-416 0 0-640zM496 928c0 17.664 14.336 32 32 32s32-14.336 32-32c0-17.664-14.336-32-32-32-17.664 0-32 14.336-32 32zM448 128l128 0c8.832 0 16-7.168 16-16s-7.168-16-16-16l-128 0c-8.832 0-16 7.168-16 16s7.168 16 16 16z"></path>
</svg>
</span>
</a>
</li>
</ul>
</section>
</header>
<div class="content-bd">
<div class="content-left">
<section class="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">
<header class="item-hd">
<div class="item-name title">字节跳动</div>
<span class="item-time">2020.07 至 至今</span>
<span class="item-time strong">期间部门变动均为被动调整</span>
<a class="btn item-more" href="#">全职</a>
</header>
<header class="item-hd">
<h3 class="item-name"><strong>生活服务-即配履约平台</strong></h3>
<span class="item-time">2022.11 至 至今</span>
</header>
<div class="item-bd">
<span class="strong">类 B 端场景</span>，我主要参与前端开发（React.js）
<ul class="section-content">
<li>从 0 到 1 完成配送商平台-消息中心模块的设计和开发，并进行后续稳定性监控，容灾保障建设。</li>
<li>从 0 到 1 建立配送商平台的线上性能监控，并持续推进性能优化工作。</li>
<li>针对业务核心场景，开发列表页组件，基本覆盖业务涉及的列表场景，提升开发效率，保障业务质量。</li>
<li>高效完成日常业务需求的开发。</li>
</ul>
</div>
</div>
<div class="item">
<header class="item-hd">
<h3 class="item-name"><strong>商业化-广告线索中台</strong></h3>
<span class="item-time">2022.01 至 2022.11</span>
</header>
<div class="item-bd">
<span class="strong">C 端场景为主</span>，我主要参与前端开发（vue.js）
<ul class="section-content">
<li>设计并开发 <a href="https://www.npmjs.com/package/@clue_nidapp/form-core">线索通表单 SDK </a>2.0 版本。增加插件机制设计，降低 SDK 体积。</li>
<li>高效完成日常业务需求的开发。</li>
</ul>
</div>
</div>
<div class="item">
<header class="item-hd">
<h3 class="item-name"><strong>轻服务团队</strong></h3>
<span class="item-time">2020.07 至 2021.12</span>
</header>
<div class="item-bd">
轻服务是应用层云服务，为开发者提供 Serverless 服务。（研发中台）我同时负责研发与部分产品设计工作。
<ul class="section-content">
<li>负责轻服务"页面托管"产品能力的产品设计，技术开发（全栈）及运营维护。</li>
<li>负责轻服务客户端（多端） SDK 的迭代开发。</li>
<li>负责轻服务内部管理端的开发和维护（全栈）。</li>
<li>高效完成轻服务主站(vue2)和平台端(Node.js)日常需求的开发。</li>
</ul>
</div>
</div>
<!-- <div class="item">
<header class="item-hd">
<h3 class="item-name"><strong>字节跳动-轻服务</strong></h3>
<span class="item-time">2020.07 至 至今</span>
<a class="btn item-more" href="#">全职</a>
</header>
<p class="item-des">轻服务</p>
<ul class="section-content">
<li>参与轻服务主站的前端开发(https://qingfuwu.cn/dashboard)</li>
<li>参与轻服务平台端的开发（Node 端）</li>
<li>设计并主导轻服务工单系统的开发(https://qingfuwu.cn/tickets)</li>
<li>开发并维护轻服务页面托管功能</li>
<li>开发并维护轻服务客户端 <a href="https://github.com/bytedance/byteinspire-js-sdk" target="_blank">SDK</a> </li>
<li>设计并主导轻服务年度报告落地页的开发</li>
<li>开发并维护轻服务管理端（全栈）</li>
</ul>
<header class="item-hd">
<h3 class="item-name"><strong>字节跳动</strong></h3>
<span class="item-time">2019.12 至 2020.07</span>
<a class="btn item-more" href="#">实习</a>
</header>
<div class="item-bd">
<p class="item-des">轻服务</p>
<ul class="section-content">
<li>负责轻服务产品落地页开发（https://qingfuwu.cn）</li>
<li>轻服务小程序云 demo 开发（全栈）</li>
<li>轻服务控制台，消息中心开发（前端）</li>
<li>轻服务全站 i18n 国际化（前端）</li>
</ul>
</div>
<header class="item-hd">
<h3 class="item-name"><strong>小米科技</strong></h3>
<span class="item-time">2019.04 至 2019.11</span>
<a class="btn item-more" href="#">实习</a>
</header>
<div class="item-bd">
<p class="item-des">在互联网二部-游戏联运参与前端开发</p>
<ul class="section-content">
<li>礼包风控策略(防刷)方案 前端开发</li>
<li>中秋活动 h5 落地页开发</li>
<li>vip分级消费活动,福利月,开学活动 落地页开发</li>
</ul>
</div>
</div> -->
<!--实习-->
<div class="item">
<header class="item-hd">
<div class="item-name title"><strong>小米科技（实习）</strong></div>
<span class="item-time">2019.04 至 2019.11</span>
<a class="btn item-more" href="#">实习</a>
</header>
<div class="item-bd">
<p class="item-des">主要在互联网二部-游戏联运参与游戏活动相关前端开发。</p>
<!-- <ul class="section-content">
<li>礼包风控策略(防刷)方案 前端开发</li>
<li>中秋活动 h5 落地页开发</li>
<li>vip分级消费活动,福利月,开学活动 落地页开发</li>
</ul> -->
</div>
<!--网易-->
<!-- <header class="item-hd">
<h3 class="item-name">网易杭州研究院</h3>
<span class="item-time">2018.06 至 2018.09</span>
<a class="btn item-more" href="#">实习</a>
</header>
<div class="item-bd">
<p class="item-des">在教育云-爱多思团队参与前端开发，包括：</p>
<ul class="section-content">
<li>题库wap版本的开发</li>
<li>运营后台管理系统的开发</li>
<li>参与题库pc版本迭代开发</li>
</ul>
</div> -->
</div>
<!-- <div class="item">
<header class="item-hd">
<h3 class="item-name">爱奇艺(上海)</h3>
<span class="item-time">2018.03 至 2018.05</span>
<a class="btn item-more" href="#">实习</a>
</header>
<div class="item-bd">
<p class="item-des">在技术产品中心-后台开发部-参与前端开发，包括：</p>
<ul class="section-content">
<li>乐客客服管理系统-公告栏的开发</li>
<li>乐客舆情系统-样式优化</li>
</ul>
</div>
</div> -->
</section>
</div>
<div class="content-right">
<section class="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">
<!--技能:JS-->
<div class="item">
<header class="item-hd">
<div class="item-name title">Web</div>
</header>
<div class="item-bd">
<ul class="section-content">
<li>熟知 JS 基本语法与知识，掌握最新 JS 语法与 API。能够编写语义化，可读性强的代码。</li>
<li>了解 JS 和现代浏览器基本运行机制。</li>
<li>使用过主流 mvvm 前端框架，了解不同 mvvm 框架的实现原理及差异。</li>
<li>熟悉前端框架 React.js 的使用和原理。</li>
<li>使用过前端框架 vue.js，了解其使用和原理。</li>
<li>掌握网页开发、重构所需的 css 语法。</li>
<!-- <li>了解前端和 Node 单元测试，能够较熟练的使用 jest 等单元测试框架</li> -->
</ul>
</div>
</div>
<!--React-->
<!-- <div class="item">
<header class="item-hd">
<span class="item-time">React</span>
</header>
<div class="item-bd">
<ul class="section-content">
<li>用React开发大型复杂应用，熟知React原理与生态技术栈经验丰富</li>
<li>掌握React调试、性能优化、同构、ReactNative等扩展技能</li>
</ul>
</div>
</div> -->
<!--微前端-->
<div class="item">
<header class="item-hd">
<div class="item-name title">微前端</div>
</header>
<div class="item-bd">
<ul class="section-content">
<li>有过微前端应用开发经验，熟悉微前端框架的使用，了解部分微前端框架的实现原理。</li>
<li>有过微前端应用性能优化的经验。</li>
</ul>
</div>
</div>
<!--Webpack-->
<!-- <div class="item">
<header class="item-hd">
<div class="item-name title">微前端</div>
</header>
<div class="item-bd">
<ul class="section-content">
<li>有过微前端应用开发经验，熟悉微前端框架的使用，了解部分微前端框架的实现原理。</li>
<li>有过微前端应用性能优化的经验。</li>
</ul>
</div>
</div> -->
<!--Nodejs-->
<!-- <div class="item">
<header class="item-hd">
<span class="item-time">Node.js</span>
</header>
<div class="item-bd">
<ul class="section-content">
<li>熟悉 Nodejs 基本概念及原理</li>
<li>使用过 express, koa 等框架，有过 server 端实际开发的经验</li>
</ul>
</div>
</div> -->
<!--网络协议-->
<div class="item">
<header class="item-hd">
<div class="item-name title">其它</div>
</header>
<div class="item-bd">
<ul class="section-content">
<li>熟悉 HTTP 协议，了解 HTTPS 应用和原理。</li>
<li>熟悉 Node.js 基本语法，有 Node.js 项目开发经验，对服务端概念有基本了解，能够开发简单的服务端应用。</li>
</ul>
</div>
</div>
<!-- 产品 -->
<!-- <div class="item">
<header class="item-hd">
<span class="item-time">产品</span>
</header>
<div class="item-bd">
<ul>
</ul>
</div>
</div> -->
<!--数据库-->
<!-- <div class="item">
<header class="item-hd">
<span class="item-time">数据库</span>
</header>
<div class="item-bd">
<ul class="section-content">
<li>了解非关系型数据库基本概念与 MongoDB</li>
</ul>
</div>
</div> -->
</div>
</section>
</div>
</div>
</main>
</body>
</html>