-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
345 lines (289 loc) · 9.05 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
<!DOCTYPE html>
<html>
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
/* GitHub stylesheet for MarkdownPad (http://markdownpad.com) */
/* Author: Nicolas Hery - http://nicolashery.com */
/* Version: b13fe65ca28d2e568c6ed5d7f06581183df8f2ff */
/* Source: https://github.com/nicolahery/markdownpad-github */
/* RESET
=============================================================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}
/* BODY
=============================================================================*/
body {
font-family: Helvetica, arial, freesans, clean, sans-serif;
font-size: 14px;
line-height: 1.6;
color: #333;
background-color: #fff;
padding: 20px;
max-width: 960px;
margin: 0 auto;
}
body>*:first-child {
margin-top: 0 !important;
}
body>*:last-child {
margin-bottom: 0 !important;
}
/* BLOCKS
=============================================================================*/
p, blockquote, ul, ol, dl, table, pre {
margin: 15px 0;
}
/* HEADERS
=============================================================================*/
h1, h2, h3, h4, h5, h6 {
margin: 20px 0 10px;
padding: 0;
font-weight: bold;
-webkit-font-smoothing: antialiased;
}
h1 tt, h1 code, h2 tt, h2 code, h3 tt, h3 code, h4 tt, h4 code, h5 tt, h5 code, h6 tt, h6 code {
font-size: inherit;
}
h1 {
font-size: 28px;
color: #000;
}
h2 {
font-size: 24px;
border-bottom: 1px solid #ccc;
color: #000;
}
h3 {
font-size: 18px;
}
h4 {
font-size: 16px;
}
h5 {
font-size: 14px;
}
h6 {
color: #777;
font-size: 14px;
}
body>h2:first-child, body>h1:first-child, body>h1:first-child+h2, body>h3:first-child, body>h4:first-child, body>h5:first-child, body>h6:first-child {
margin-top: 0;
padding-top: 0;
}
a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 {
margin-top: 0;
padding-top: 0;
}
h1+p, h2+p, h3+p, h4+p, h5+p, h6+p {
margin-top: 10px;
}
/* LINKS
=============================================================================*/
a {
color: #4183C4;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* LISTS
=============================================================================*/
ul, ol {
padding-left: 30px;
}
ul li > :first-child,
ol li > :first-child,
ul li ul:first-of-type,
ol li ol:first-of-type,
ul li ol:first-of-type,
ol li ul:first-of-type {
margin-top: 0px;
}
ul ul, ul ol, ol ol, ol ul {
margin-bottom: 0;
}
dl {
padding: 0;
}
dl dt {
font-size: 14px;
font-weight: bold;
font-style: italic;
padding: 0;
margin: 15px 0 5px;
}
dl dt:first-child {
padding: 0;
}
dl dt>:first-child {
margin-top: 0px;
}
dl dt>:last-child {
margin-bottom: 0px;
}
dl dd {
margin: 0 0 15px;
padding: 0 15px;
}
dl dd>:first-child {
margin-top: 0px;
}
dl dd>:last-child {
margin-bottom: 0px;
}
/* CODE
=============================================================================*/
pre, code, tt {
font-size: 12px;
font-family: Consolas, "Liberation Mono", Courier, monospace;
}
code, tt {
margin: 0 0px;
padding: 0px 0px;
white-space: nowrap;
border: 1px solid #eaeaea;
background-color: #f8f8f8;
border-radius: 3px;
}
pre>code {
margin: 0;
padding: 0;
white-space: pre;
border: none;
background: transparent;
}
pre {
background-color: #f8f8f8;
border: 1px solid #ccc;
font-size: 13px;
line-height: 19px;
overflow: auto;
padding: 6px 10px;
border-radius: 3px;
}
pre code, pre tt {
background-color: transparent;
border: none;
}
kbd {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #DDDDDD;
background-image: linear-gradient(#F1F1F1, #DDDDDD);
background-repeat: repeat-x;
border-color: #DDDDDD #CCCCCC #CCCCCC #DDDDDD;
border-image: none;
border-radius: 2px 2px 2px 2px;
border-style: solid;
border-width: 1px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 10px;
padding: 1px 4px;
}
/* QUOTES
=============================================================================*/
blockquote {
border-left: 4px solid #DDD;
padding: 0 15px;
color: #777;
}
blockquote>:first-child {
margin-top: 0px;
}
blockquote>:last-child {
margin-bottom: 0px;
}
/* HORIZONTAL RULES
=============================================================================*/
hr {
clear: both;
margin: 15px 0;
height: 0px;
overflow: hidden;
border: none;
background: transparent;
border-bottom: 4px solid #ddd;
padding: 0;
}
/* TABLES
=============================================================================*/
table th {
font-weight: bold;
}
table th, table td {
border: 1px solid #ccc;
padding: 6px 13px;
}
table tr {
border-top: 1px solid #ccc;
background-color: #fff;
}
table tr:nth-child(2n) {
background-color: #f8f8f8;
}
/* IMAGES
=============================================================================*/
img {
max-width: 100%
}
</style>
</head>
<body>
<h1>联系方式</h1>
<ul>
<li>手机：--</li>
<li>Email：[email protected]</li>
</ul>
<h1>个人信息</h1>
<ul>
<li>--/男/1995 </li>
<li>本科/--学院机电工程系 </li>
<li>工作年限：3年</li>
<li>Github：https://github.com/ephanoco</li>
<li>期望职位：Web前端工程师</li>
</ul>
<h1>工作经历</h1>
<h2>成都市--科技有限公司 （ 2022年2月 ~ 2022年12月 ）</h2>
<h3>PlanckX</h3>
<p>项目中，我担任项目负责人并作为主开发，负责需求评审，技术选型，核心模块及其他功能开发（国际化、一键换肤等），与后端联调，配合测试修改bug，协助部署等。在以上工作内容中，我能快速梳理业务逻辑，与同事及时有效沟通，把握开发进度，编写高质量代码。其中，我遇到最难的问题是页面刷新需要保持钱包持久化登录。当时我快速分析定位bug并给出解决方案，协同后端联调，重构交易模块。最终解决问题，优化了用户体验。此外，我推动前端团队使用 Hooks，提高代码复用性，同时更易于后续迭代。对项目做了相关优化，例如骨架屏，懒加载等。</p>
<h2>福州--网络技术有限责任公司 （ 2021年3月 ~ 2021年12月 ）</h2>
<h3>PDF365</h3>
<p>在该项目中，我负责独立开发360小程序端。较快地梳理原有业务逻辑，构思重构方案，编写高质量代码，按时交付项目。其中，难点是多文件上传，需要考虑较多场景及边界情况。例如使用 CancelToken 取消上传，使用 Promise.allSettled() 获取上传列表的返回结果。此外，项目采用 Vuex 管理全局状态以替代 EventBus，使上千行代码的组件减少到百余行，极大提高了组件的可读性及可维护性。</p>
<h2>泉州市--网络科技有限公司 （ 2019年9月 ~ 2021年1月 ）</h2>
<h3>期货交易所</h3>
<p>独立负责该项目，包括 uni-app 和Web端，从项目立项，技术选型，代码开发，联调测试，协助部署及后期维护。跨平台开发时，调研可行方案，提前交付，迅速响应迭代并得到客户肯定。业务之余，重构代码，便于后期维护与迭代；使用 iconfont，防抖节流等对项目进行优化。使用模拟定时器解决多个页面轮询接口场景下，频繁切换导致请求数暴增的问题，减小服务器压力。</p>
<h1>开源项目和作品</h1>
<h2>开源项目</h2>
<ul>
<li><a href="https://github.com/ephanoco/OnmyojiTreasure">OnmyojiTreasure</a>：基于OpenCV的游戏脚本，适合初学者学习Python。</li>
</ul>
<h2>技术文章</h2>
<ul>
<li><a href="https://github.com/ephanoco/blog/blob/main/Vuex%20教程%20快速上手.md">Vuex 教程 快速上手</a></li>
<li><a href="https://github.com/ephanoco/blog/blob/main/网络请求优化——取消请求.md">网络请求优化——取消请求</a></li>
</ul>
<h1>技能清单</h1>
<p>以下均为我熟练使用的技能</p>
<ul>
<li>后端开发：Node.js/Python</li>
<li>后端框架：Express/Koa</li>
<li>前端框架：Angular/Vue.js(uni-app/Nuxt)/React</li>
<li>前端样式库：Element/Ant Design Vue/Vant</li>
<li>前端工具库：jQuery/Axios/Lodash</li>
<li>预编译语言：Sass/Less/TypeScript</li>
<li>数据库相关：MongoDB</li>
<li>版本管理、文档和自动化部署工具：SVN/Git</li>
</ul>
<hr />
<h1>致谢</h1>
<p>感谢您花时间阅读我的简历，期待能有机会和您共事。</p>
</body>
</html>
<!-- This document was created with MarkdownPad, the Markdown editor for Windows (http://markdownpad.com) -->