-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
460 lines (442 loc) · 20.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
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>朱桂东</title>
<link rel="stylesheet" href="./static/css/resume.css">
<link rel="icon"
href="https://react.docschina.org/favicon-32x32.png?v=f4d46f030265b4c48a05c999b8d93791"
type="image/x-icon"/>
</head>
<body>
<div class="container">
<header>
<!-- 背景图资源引用在 css 中 -->
<div class="img-header">
<div class="content">
<p><strong>It's never too late to learn.</strong></p>
</div>
</div>
</header>
<main>
<div class="information-all">
<div class="col-6-asb">
<div class="col-3 peasonal">
<img class="peasonal-image"
src="./static/image/project/me.jpg" alt="">
<!-- src="http://118.190.163.3:8076/sansan/personal-cv/snapshots_project/me.jpg" alt="">-->
</div>
<div class="col-9 item">
<p class="title name">
朱桂东
<span style="margin-left: 30%">shiqkuangsan</span>
</p>
<div class="col-6">
<p class="education">统招本科</p>
<p class="phone">16 年毕业</p>
<p class="phone">开发和管理经验丰富</p>
</div>
<div class="col-6">
<p class="email">[email protected]</p>
<p class="profession">优秀的开发者</p>
<p class="profession">大前端方向</p>
</div>
</div>
</div>
<div class="col-6-asb">
<div class="col-6 ensprience">
<div class="item">
<p class="title">
开发经验
</p>
<ul>
<li>5 年+ <b>React/Vue/Mini</b></li>
<li>4 年+ <b>React Native</b></li>
<li>3 年+ <b>Android</b></li>
</ul>
</div>
</div>
<div class="col-6 skill">
<div class="item">
<p class="title">
技术栈一览
</p>
<div class="lang">
<lable>React/MST</lable>
<lable>Vue/Pinia</lable>
<lable>React Native</lable>
<lable>JS/TS</lable>
<lable>Android</lable>
<lable>Taro</lable>
<lable>Umi/AntD</lable>
</div>
</div>
</div>
</div>
</div>
<section>
<div class="title project">
<p>项目经验</p>
</div>
<div class="project-detail">
<div class="divider">
<div class="text">------------- 最近公司的负责项目 -------------</div>
</div>
<div class="col-3-abs" id="project-7">
<div class="project-content">
<a href="https://www.enncloud.cn" target="view_window">
<img class="sys-log" src="./static/icon/logo_enncloud.png" alt="">
</a>
<p class="project-title">新智云平台</p>
<p class="create-time">2021.7 ~ 2022.12</p>
<p class="create-time">React</p>
<p class="decription">
- 系统包含: <br>
o <a target="view_window"
href="./static/image/project/enn/portal.jpg">门户站 portal</a> <br>
o <a target="view_window" href="./static/image/project/enn/cmp.jpg">运营系统 cmp</a> <br>
o <a target="view_window" href="./static/image/project/enn/bss.jpg">订单系统 bss</a> <br>
o <a target="view_window" href="./static/image/project/enn/oss.png">监控系统 oss</a> <br>
o <a target="view_window" href="./static/image/project/enn/ucenter.jpg">用户系统 ucenter</a> <br>
- 核心技术: <br>
o React + AntD <br>
o redux / mobx-state-tree<br>
o webpack <br>
</p>
</div>
<div class="link-to">
<a
href="https://www.enncloud.cn"
class="button" target="view_window">
项目预览
</a>
<div class="shadow"></div>
</div>
</div>
<div class="col-3-abs" id="project-6">
<div class="project-content">
<a target="view_window">
<img class="sys-log" src="./static/icon/logo_xinao.png" alt="">
</a>
<p class="project-title">数字孪生系统</p>
<p class="create-time">Vue + mxGraph</p>
<p class="create-time">2022.12 ~ 2024.6</p>
<p class="decription">
- 系统包含: <br>
o <a target="view_window" href="static/image/project/editor/1-manage-1.png">数孪管理平台</a> <br>
o <a target="view_window" href="static/image/project/editor/2-editor-1.png">拓扑编辑器平台</a> <br>
<a style="margin-left: 20px" target="view_window" href="static/image/project/editor/3-preview-1.png">预览</a> <br>
- 核心技术: <br>
o Vue + Router + VueX <br>
o Pinia<br>
o mxGraph / x6 / monaco-editor<br>
o Websocket<br>
</p>
</div>
<div class="link-to">
<a target="view_window" href="static/image/project/editor/2-editor-2.png"
class="button">
项目预览
</a>
<div class="shadow"></div>
</div>
</div>
<div class="divider">
<div class="text" style="margin-top: 50px">------------- 以前公司的负责项目 -------------</div>
</div>
<div class="col-3-abs" id="project-1">
<div class="project-content">
<a href="https://www.chinaexpo365.com/" target="view_window">
<img class="sys-log" src="./static/icon/logo_sys_expo.png" alt="">
</a>
<p class="project-title">润展网上展览/报名系统</p>
<p class="create-time">React + Native</p>
<p class="decription">
- 系统包含: <br>
o <a target="view_window"
href="./static/image/project/16_expo_web1.png">展览中心web端</a> <br>
o <a target="view_window" href="./static/image/project/16_expo_app.png">展览中心 App 端</a> <br>
o <a target="view_window" href="./static/image/project/16_expo_mini1.png">宣传系统小程序</a> <br>
o <a target="view_window" href="./static/image/project/16_expo_h5.png">报名系统 H5</a> <br>
- 核心技术: <br>
o App: React Native + UI-Lib <br>
o 管理端: React + Umi + Dva + Ant Design Pro <br>
o 小程序: Taro + React <br>
o H5: React + AntD Mobile + Mobx <br>
</p>
</div>
<div class="link-to">
<a
href="https://www.chinaexpo365.com/"
class="button" target="view_window">
项目预览
</a>
<div class="shadow"></div>
</div>
</div>
<div class="col-3-abs" id="project-0">
<div class="project-content">
<a href="https://apps.apple.com/cn/app/id1446241863" target="view_window">
<img class="applogo" src="static/icon/logo_patent_bag.png" alt="">
</a>
<p class="project-title">专利书包 App</p>
<p class="create-time">React Native</p>
<p class="decription">
- 项目采用 react-native 开发技术<br>
- router-flux 路由框架，实现导航、数据传递、主题一体化<br>
- React.FC/ui-lib/storage/ 函数组件,UI风格化,接口数据缓存<br>
- mobx 数据管理，分离 view 和 model，实现数据观察，双向绑定<br>
- decorators 注解语法，便捷实现前置操作如登录权限，提升开发效率<br>
- 编写支付宝、微信原生支付功能供 RN 端调用<br>
</p>
</div>
<div class="link-to">
<a
href="./static/image/project/08_patentbag_1.png"
class="button" target="view_window">
<!-- href="http://118.190.163.3:8076/sansan/personal-cv/snapshots_project/08_patentbag_1.png"-->
项目预览
</a>
<div class="shadow"></div>
</div>
</div>
<!-- <div class="col-3-abs" id="project-1">-->
<!-- <div class="project-content">-->
<!-- <a href="https://apps.apple.com/cn/app/id1433883456" target="view_window">-->
<!-- <img class="applogo" src="static/icon/logo_fenapp.png" alt="">-->
<!-- </a>-->
<!-- <p class="project-title">护士继续教育 App</p>-->
<!-- <p class="create-time">React Native</p>-->
<!-- <p class="decription">-->
<!-- - 项目采用 react-native 开发技术<br>-->
<!-- - router-flux 路由框架，实现导航、数据传递、主题一体化<br>-->
<!-- - 编写 Android 端原生视频控制器,供RN端调用<br>-->
<!-- - 编写支付宝、微信原生支付功能供 RN 端调用<br>-->
<!-- - mobx 数据管理，分离 view 和 model，实现数据观察，双向绑定<br>-->
<!-- - axios 网络请求框架，标准 restful 风格, 规范统一<br>-->
<!-- </p>-->
<!-- </div>-->
<!-- <div class="link-to">-->
<!-- <a-->
<!-- href="./static/image/project/06_nurse_promote.jpg"-->
<!-- class="button" target="view_window">-->
<!--<!– href="http://118.190.163.3:8076/sansan/personal-cv/snapshots_project/06_nurse_promote.jpg"–>-->
<!-- 项目预览-->
<!-- </a>-->
<!-- <div class="shadow"></div>-->
<!-- </div>-->
<!-- </div>-->
<div class="col-3-abs endline" id="project-2">
<div class="project-content">
<a href="https://apps.apple.com/cn/app/id1407176114" target="view_window">
<img class="applogo" src="static/icon/logo_chronic.png" alt="">
</a>
<p class="project-title">慢性病管理患者端 App</p>
<p class="create-time">Android</p>
<p class="decription">
- 采用原生 Java 开发技术，MVP 架构，分离 Model 和 Controller<br>
- Glide 实现网络图片加载、缓存<br>
- 极光推送实现用户消息通知<br>
- zxing 二维码生成和扫描技术<br>
- OKhttp 实现网络请求框架，数据请求、缓存<br>
- 容联云 IM 聊天图文发送功能，加强医患交流<br>
- 蓝牙连接血糖仪移动医疗,<br>
- 支付宝支付功能<br>
</p>
</div>
<div class="link-to">
<a
href="./static/image/project/02_chronic_patient.png"
class="button" target="view_windows">
<!-- href="http://118.190.163.3:8076/sansan/personal-cv/snapshots_project/02_chronic_patient.png"-->
项目预览
</a>
<div class="shadow"></div>
</div>
</div>
<div class="col-3-abs" id="project-3">
<div class="project-content">
<img class="applogo-nurse" src="static/icon/logo_nursemini.png" alt="">
<p class="project-title">骨科护理 Mini</p>
<p class="create-time">Taro & React</p>
<p class="decription">
- 项目采用 Taro 开发技术, 可跨端打包微信/百度/支付宝等小程序<br>
- 基于 React 开发框架, Taro-UI 组件库, 开发效率高, 界面美观<br>
- 使用 Redux 状态管理, 配合 Dva 数据流解决方案, 单项数据流结构清晰<br>
- 使用腾讯 Tim IM三方功能, 实现医患在线图文交流<br>
- 使用 Typescript 语言, 语法更加严谨规范<br>
</p>
</div>
<div class="link-to">
<a
href="./static/image/project/15_nurse_mini00.png"
class="button" target="view_window">
<!-- href="http://118.190.163.3:8076/sansan/personal-cv/snapshots_project/15_nurse_mini00.png"-->
项目预览
</a>
<div class="shadow"></div>
</div>
</div>
<div class="col-3-abs" id="project-4">
<div class="project-content">
<img class="applogo" src="static/icon/logo_school.png" alt="">
<p class="project-title">医科大学管理系统 Web</p>
<p class="create-time">Vue</p>
<p class="decription">
- 项目采用 Vue 开发技术框架，JS语言<br>
- Ant-Design-Vue UI 设计, 阿里规范, 主题可定制 <br>
- axios 网络请求框架，标准 restful 风格, 规范统一<br>
- vue-router 路由管理，实现了路由分组，易于管理，遵循模块化、组件化的原则<br>
- vuex 实现状态数据管理，store 中集中存储，项目中单项数据流动<br>
</p>
</div>
<div class="link-to">
<a
href="./static/image/project/13_guizhou_yikedaxue_2.png"
class="button" target="view_windows">
<!-- href="http://118.190.163.3:8076/sansan/personal-cv/snapshots_project/13_guizhou_yikedaxue_2.png"-->
项目预览
</a>
<div class="shadow"></div>
</div>
</div>
<div class="col-3-abs endline" id="project-5">
<div class="project-content">
<img class="applogo" src="static/icon/logo_huaan.png" alt="">
<p class="project-title">华安证券 Web</p>
<p class="create-time">Angular</p>
<p class="decription">
- 项目采用 Angular 技术框架，TypeScript 语言<br>
- ng-alain 组件，风格统一美观<br>
- ng-zorro-antd ui组件库，遵循阿里蚂蚁设计规范<br>
- Echarts 扇形、曲线、折线图，实现数据分析因子海量数据处理，和数据对比<br>
- rxjs 响应式编程，动态数据观察，配合 delon 的 HttpClient 实现接口数据订阅, 提升开发效率<br>
</p>
</div>
<div class="link-to">
<a
href="./static/image/project/12_huaan_securities_1.png"
class="button" target="view_windows">
<!-- href="http://118.190.163.3:8076/sansan/personal-cv/snapshots_project/12_huaan_securities_1.png"-->
项目预览
</a>
<div class="shadow"></div>
</div>
</div>
</div>
</section>
<section>
<div class="title work">
<p>工作经历</p>
</div>
<div class="w-experience-detail">
<div class="item w-experience-content">
<div class="logo">
<img class="company-logo-softech" src="static/icon/logo_xinao.png" alt="">
</div>
<div class="work-content">
<p class="create-time">2021.7 - 至今</p>
<p class="job">高级前端 + Team Leader | 南京新奥新智技术有限公司</p>
<ul>
<li>资深前端开发T4，5-7人前端小组 Team Leader ，直线领导前阿里技术专家</li>
<li>负责新智云平台(含门户站、订单系统、运 营系统、监控系统、用户系统)开发等工作如常规需求分配、各任务进度统筹、多端部署上线、疑难问题解决</li>
<li>负责云平台系统核心需求开发、常规迭代、技术选型、性能优化</li>
<li>负责主导物联与数字孪生平台下设备拓扑编辑器系统的开发、维护、上线，解决疑难性能优化问题</li>
<li>负责前端团队的技术学习和成长，组织技术交流分享会，帮助组员完成技术实验选题实现定级提升</li>
</ul>
</div>
</div>
</div>
<div class="w-experience-detail">
<div class="item w-experience-content">
<div class="logo">
<!-- <img class="company-logo-softech" src="static/icon/logo_comp_hjan.png" alt="">-->
</div>
<div class="work-content">
<p class="create-time">2021.2 - 2021.6</p>
<p class="job">部门负责人 | 南京宏景安网络科技有限公司</p>
<ul>
<li>移动前端技术经理，负责公司所有移动端 react native 和网页前端以及小程序端项目的架构，核心功能代码撰写、打包部 署、上线、交付流程</li>
<li>负责和业务方沟通落实技术方案实现、项目工期、维护方案等</li>
<li>立下前端开发规范，组织例会统筹项目进度，定期与小组成员进行技术讲解、分享和学习讨论，提升组员开发能力</li>
</ul>
</div>
</div>
</div>
<div class="w-experience-detail">
<div class="item w-experience-content">
<div class="logo">
<img class="company-logo-softech" src="static/icon/logo_comp_softech.png" alt="">
</div>
<div class="work-content">
<p class="create-time">2016.7 - 2020.12</p>
<p class="job">移动前端研发 | 江苏南大苏富特医疗科技有限公司</p>
<ul>
<li>负责Android端的APP的项目创建、架构、代码撰写、打包、维护、版本迭代</li>
<li>负责 ReactNative 项目的相关模块代码编写，撰写原生模块，与Android端原生交互</li>
<li>负责 Web 前端 React、Vue、小程序项目对应模块的功能代码编写</li>
<li>负责部分项目任务分配、进度把控,负责 Android、react-native 开发人员面试</li>
<li>对总监汇报工作进度，与产品经理沟通, 对产品功能提出建议和优化, 改善用户体验</li>
</ul>
</div>
</div>
</div>
</section>
</main>
<footer>
<section>
<div class="title about-me">
<p>联系我</p>
</div>
<div class="peasonal-message">
<div style="display: flex;flex-direction: row">
<img class="peasonal-image"
src="./static/image/project/me.jpg" alt="">
<!-- src="http://118.190.163.3:8076/sansan/personal-cv/snapshots_project/me.jpg" alt="">-->
<div class="item">
<p class="name">朱桂东</p>
<p class="wechat">shiqkuangsan</p>
<p class="phone">175****5440</p>
<p class="email">[email protected]</p>
</div>
<div style="margin-left: 80px; text-align: left">
<ul>
<li>两次带领5人+小团队经验,善于提升组员技术实力,发挥团队协作能力</li>
<li><strong>React</strong> 企业级云平台项目开发和管理经验</li>
<li>负责并主导团队完成过多个 <strong>React/Vue</strong> 前端项目立项、开发到上线 全流程</li>
<li><strong>React Native</strong> 国内最早一批使用 RN 技术采坑过来的</li>
<li>基于 <strong>Taro+React/Vue</strong> 的小程序端研发经验</li>
<li>早年原生 <strong>Android</strong>出身,对原生移动平台有一定的了解</li>
</ul>
</div>
</div>
<div class="item contact">
<div class="col-3 qrcode">
<img class="qr-image"
src="./static/image/project/qrcode_me.png"
alt="">
<!-- src="http://118.190.163.3:8076/sansan/personal-cv/snapshots_project/qrcode_me.png"-->
</div>
<div class="col-9">
<span><strong>我对工作</strong></span>
<div class="icon-container">
<div class="wrapper">
<span> 新技术 (ฅ´ω`ฅ)</span>
<span> 负责 ๑乛◡乛๑</span>
</div>
<div class="wrapper">
<span> 工作有激情 (ง •̀_•́)ง</span>
<span> 自研产品优先</span>
</div>
</div>
</div>
</div>
</div>
</section>
<p class="footer">
<a style="font-size:14px" href="https://github.com/shiqkuangsan">shiqkuangsan@github</a>
</p>
</footer>
</div>
</body>
</html>