-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
188 lines (188 loc) · 9.67 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>陈云卿的简历</title>
<link href="https://cdn.bootcss.com/fullPage.js/2.9.4/jquery.fullpage.css" rel="stylesheet">
<!--<link rel="stylesheet" href="node_modules/fullpage.js/dist/jquery.fullpage.min.css" type="text/css">-->
<link rel="stylesheet" href="index.css" type="text/css">
</head>
<body>
<div id="fullpage">
<div class="section" id="page1">
<div class="contentContainer">
<div class="cover">
<div class="logo">
<img src="img/logo.jpg" alt="LOGO">
</div>
<p class="moto">我的兴趣是做一个软件开发工程师: Excellent Engineer For Cool Ideas</p>
</div>
<p class="name">陈云卿</p>
<p class="pro">前端与C++工程师</p>
<p class="contact">
<a href="mailto:yunlongzi@126.com">yunlongzi@126.com</a>
</p>
</div>
</div>
<div class="section" id="page2">
<p class="banner">关于我 | About Me</p>
<div class="detail">
<ul class="points">
<li class="point">
<div class="icon">
<img src="img/i_age.svg" alt="">
</div>
<p>年龄/27</p>
</li>
<li class="point">
<div class="icon">
<img src="img/i_edu.svg" alt="">
</div>
<p>学历/研究生</p>
</li>
<li class="point">
<div class="icon">
<img src="img/i_site.svg" alt="">
</div>
<p>位置/上海</p>
</li>
<li class="point">
<div class="icon">
<img src="img/i_status.svg" alt="">
</div>
<p>状态/在职</p>
</li>
</ul>
<div class="text">
<p>C++开发经验五年，掌握常见库、socket编程、Qt以及C++ 11，曾获得华为杯编程大赛冠军</p>
<p>前端开发经验半年，对H5、CSS3、Js知识体系有相应理解，了解常见框架：AngularJs、React等</p>
<p>具备Python爬虫开发经验</p>
<p>喜欢各种前沿技术，善于思考并解决问题</p>
<p>对自己的代码有严谨的要求，具备良好的编程规范</p>
</div>
</div>
</div>
<div class="section" id="page3">
<div class="slide">
<div class="content">
<div class="projectName">工作流引擎可视化工具</div>
<div class="projectIcon">
<img src="img/dashboard.jpg" alt="工作流引擎可视化工具">
</div>
<div class="projectDetail">
<div class="projectText">
<span>项目简介：</span>
<p>
用于展示企业内部业务的工作流执行情况，能够根据bpmn定义绘制出工作流图，展示当前工作流各任务执行情况，提供基于websocket的执行情况推送技术。在该项目中个人自主编写了工作流解析引擎，在Jointjs基础上实现了整套的工作流图形库。项目前后端之间采用SOAP协议进行通信。</p>
</div>
<div class="projectPointsContainer">
<span>项目重点：</span>
<ul class="projectPoints">
<li class="projectPoint"><i class="pointIcon"></i> 基于Jointjs及SVG的BPMN图形绘制</li>
<li class="projectPoint"><i class="pointIcon"></i> 多流程图加载、切换、删除的优化</li>
<li class="projectPoint"><i class="pointIcon"></i> 基于WebSocket的实时状态推送</li>
</ul>
</div>
</div>
</div>
</div>
<div class="slide">
<div class="content">
<div class="projectName">税务信息爬虫工具</div>
<div class="projectIcon">
<img src="img/spider.jpg" alt="税务信息爬虫工具">
</div>
<div class="projectDetail">
<div class="projectText">
<span>项目简介：</span>
<p>
在税务局工具企业信息的第一时间将获取信息并且整理到相关的信息系统中，需要面对税务网站的不稳定性以及较高的性能要求，在很多的竞争对手中获得了一席之地。主要技术为Python，使用了chrome
driver，splinter，采用了多线程设计优化了网页抓取时间</p>
</div>
<div class="projectPointsContainer">
<span>项目重点：</span>
<ul class="projectPoints">
<li class="projectPoint"><i class="pointIcon"></i> Python多线程并发</li>
<li class="projectPoint"><i class="pointIcon"></i> 网站复杂状态的处理</li>
<li class="projectPoint"><i class="pointIcon"></i> 网页数据的定制化处理</li>
</ul>
</div>
</div>
</div>
</div>
<div class="slide">
<div class="content">
<div class="projectName">AngularJs版本京东购物车</div>
<div class="projectIcon">
<img src="img/Jingdong.png" alt="AngularJs版本京东购物车">
</div>
<div class="projectDetail">
<div class="projectText">
<span>项目简介：</span>
<p>根据京东购物的界面及业务逻辑，采用AngularJs实现了一套京东购物车系统，能够完成购物车的添加、删除、价格实时计算、商品配置更改等功能，并完成了前后端的接口设计。</p>
</div>
<div class="projectPointsContainer">
<span>项目重点：</span>
<ul class="projectPoints">
<li class="projectPoint"><i class="pointIcon"></i> 购物车各项数据之间的绑定</li>
<li class="projectPoint"><i class="pointIcon"></i> AngularJs的编程习惯训练</li>
<li class="projectPoint"><i class="pointIcon"></i> 数据结构设计</li>
</ul>
</div>
</div>
</div>
</div>
<div class="slide">
<div class="content">
<div class="projectName">DDS 监控工具</div>
<div class="projectIcon">
<img src="img/DDS.jpg" alt="DDS 监控工具">
</div>
<div class="projectDetail">
<div class="projectText">
<span>项目简介：</span>
<p>
DDS 是实验室根据OMG组织制定的Data Distribution
Service标准实现的一套分布式的消息中间件，我的工作是提供能够收集使用该中间件的系统中各组件的数据收发状态和资源占用等情况的监控工具</p>
</div>
<div class="projectPointsContainer">
<span>项目重点：</span>
<ul class="projectPoints">
<li class="projectPoint"><i class="pointIcon"></i> 系统状态可视化设计</li>
<li class="projectPoint"><i class="pointIcon"></i> 多平台资源监控方法适配</li>
<li class="projectPoint"><i class="pointIcon"></i> 多监控策略应用</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="section" id="page4">
<div class="contactContent">
<div class="somethingAbout">
<p>写代码就像一段旅行：</p>
<p>从需求中看到你要去哪里，充满想象，欢欣鼓舞，但又不乏担忧</p>
<p>在快步前进中知晓下一步的路，迭代与重构是通往目标不变的坦途</p>
<p>希望能与志同道合的朋友一起前进！</p>
</div>
<div class="contacts">
<a href="https://github.com/NewNapoleon" class="contactIcon">
<img src="img/s_github.svg" alt="github">
</a>
<a href="http://newnapoleon.github.io" class="contactIcon">
<img src="img/s_blog.svg" alt="博客">
</a>
<a href="https://www.zhihu.com/people/chen-yun-qing-72" class="contactIcon">
<img src="img/s_zh.svg" alt="知乎">
</a>
</div>
</div>
</div>
</div>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/fullPage.js/2.9.4/jquery.fullpage.min.js"></script>
<!--<script src="node_modules/jquery/dist/jquery.min.js"></script>-->
<!--<script src="node_modules/fullpage.js/dist/jquery.fullpage.min.js"></script>-->
<script src="index.js"></script>
</body>
</html>