-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
212 lines (207 loc) · 11.8 KB
/
Copy pathindex.html
File metadata and controls
212 lines (207 loc) · 11.8 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>我的简历</title>
<link rel="shortcut icon" href="jianli.png">
<link rel="stylesheet" href="static/css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remodal/1.1.0/remodal.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remodal/1.1.0/remodal-default-theme.min.css">
</head>
<body>
<div class="container" id="cv">
<div class="side">
<div class="me">
<div class="portrait"></div>
<div class="remodal remodal-img" data-remodal-id="portrait-modal">
<h3>请输入图片URL地址：</h3>
<br/>
<input type="text" id="avatar-url">
<button data-remodal-action="confirm" class="remodal-confirm">确定</button>
</div>
<h4 id="persona-tag">求职意向:web前端工程师</h4>
</div>
<div class="profile info-unit">
<h2 class="info-header"><i class="iconfont icon-person"></i> <span class="info-title">基本信息</span></h2>
<hr>
<ul class="info-list">
<li>
<label class="left-label">姓名</label><span class="label-value">凌金鸣</span></li>
<li>
<label class="left-label">学历</label><span class="label-value">本科</span></li>
<li>
<label class="left-label">毕业院校</label><span class="label-value">安徽中医药大学</span></li>
<li>
<label class="left-label">专业</label><span class="label-value">计算机科学与技术</span></li>
<li>
<label class="left-label">毕业年份</label><span class="label-value">2015</span></li>
</ul>
</div>
<div class="skill info-unit">
<h2 class="info-header"><i class="iconfont icon-star"></i> <span class="info-title">技能点</span></h2>
<hr>
<ul class="progress-list">
<li>
<label class="left-label">H5/CSS3</label>
<progress value="80" max="100"></progress>
</li>
<li>
<label class="left-label">JavaScript</label>
<progress value="65" max="100"></progress>
</li>
<li>
<label class="left-label">Vue/React</label>
<progress value="65" max="100"></progress>
</li>
<li>
<label class="left-label">NodeJS</label>
<progress value="50" max="100"></progress>
</li>
<li>
<label class="left-label">ps</label>
<progress value="50" max="100"></progress>
</li>
</ul>
</div>
<div class="stack info-unit">
<h2 class="info-header"><i class="iconfont icon-build"></i> <span class="info-title">技术栈</span></h2>
<hr>
<ul class="stack-list">
<li>
<label class="left-label">前端</label><span class="label-value">JS,Vue,H5,CSS3,小程序,uni-app,,webpack,gulp</span></li>
</li>
<li>
<label class="left-label">后端</label><span class="label-value">Node.js、nginx、MongoDB、MySQL</span></li>
</li>
</ul>
</div>
<div class="stack info-unit">
<h2 class="info-header"><i class="iconfont icon-trophy"></i> <span class="info-title">奖项与证书</span></h2>
<hr>
<ul class="stack-list">
<li>
<h3>英语四级</h3>
</li>
<li>
<h3>计算机二级</h3>
</li>
</ul>
</div>
<div class="contact info-unit">
<h2 class="info-header"><i class="iconfont icon-call"></i> <span class="info-title">联系方式</span></h2>
<hr>
<ul class="info-list">
<li>
<label class="left-label">手机</label><span class="label-value">18709863960</span></li>
<li>
<label class="left-label">邮箱</label><span class="label-value">1241790664@qq.com</span></li>
<li>
<label class="left-label">个人主页</label><span class="label-value"><a href="www.neihancun.cn" target="blank">www.neihancun.cn</a></span></li>
<li>
<label class="left-label">Github</label><span class="label-value"> <a href="https://github.com/ljm993510" target="blank">github.com/ljm993510</a></span></li>
</ul>
</div>
<div class="code info-unit">
<h2 class="info-header"><i class="iconfont icon-weixin"></i> <span class="info-title">个人微信</span></h2>
<hr>
<div class="weixin">
<img src="static/image/winxin.png" alt="">
</div>
</div>
<div class="remodal remodal-img" data-remodal-id="weixin-modal">
<h3>请输入图片URL地址：</h3>
<br/>
<input type="text" id="weixin-url">
<button data-remodal-action="confirm" class="remodal-confirm">确定</button>
</div>
</div>
<div class="main">
<div class="work info-unit right-list">
<h2 class="info-header"><i class="iconfont icon-work"></i> <span class="info-title">工作经历</span></h2>
<hr>
<ul class="experience-list">
<li>
<h3>安徽泽众安全科技有限公司（2016.05-至今）</h3>
<h4>工作情况介绍:</h4>
<div style="margin-top: 10px">
<p>1-主要负责公司mis平台和gis平台web页面的制作和数据交互展示;</p>
<p>2-主要技术栈有vue全家桶+webpack/jq+layUi/js+css3+h5/uni-app/requireJs/echarts等</p>
<p>3-公司使用的版本控制工具是svn和gitlab，有自己的GitHub账户;</p>
<p>4-参与需求讨论和评审，提供交互方面的意见以及技术选型意见,项目基础框架搭建，确定相关开发规范，分配任务，和团队成员合作尽量按时完成任务;</p>
<p>5-任务不多时，喜欢去掘金看一些技术文章查缺补漏;</p>
</div>
</li>
</ul>
</div>
<div class="project info-unit right-list">
<h2 class="info-header"><i class="iconfont icon-project"></i> <span class="info-title">个人项目</span></h2>
<hr>
<ul class="experience-list">
<li>
<h3>1-基于vue的webapp项目</h3>
<p>
利用vw，px和rem之间的关系解决适配问题，配合vux轻量的移动端组件库，使用了vuex进行业务上面数据状态管理； 完成页面逻辑处理，上传下载附件，模拟通讯录展示效果等功能；加入骨架屏并尝试进行升级为pwa形式的应用,对于vue全家桶有了更进一步的掌握；
</p>
<p>
<p class='noIndent'>项目地址:</p>
<a href="https://github.com/ljm993510/bridgeAlarmMonitor" target="blank">https://github.com/ljm993510/bridgeAlarmMonitor</a>
</p>
</li>
<li>
<h3>2-微信小程序（测评系统）</h3>
<p>
一个类似在线答题的小系统,通过和后端的数据交互返回测评的结果。实现小程序支付，播放视频等功能。表示微信小程序的api挺好用的，后期打算开发一些更有特色的实用的小程序出来;
</p>
<p>
<p class='noIndent'>项目地址:</p>
<a href="https://github.com/ljm993510/ggxt" target="blank">https://git@github.com:ljm993510/ggxt.git</a>
</p>
<p class="noIndent">
<p class="noIndent">小程序码:</p>
<p class="noIndent"><img src="static/image/ggxt.png" alt="miss" width="25%"></p>
</p>
</li>
<li>
<h3>3-基于apicloud开发的混合app</h3>
<p>
第一次做混合app,利用apicloud这个平台和其提供的框架实现了一款'发布任务-》领取任务-》完成任务-》审核'的app，利用apicloud后台进行打包编译和版本控制，对于开发轻量混合app有了进一步的掌握。
</p>
<p>
<p class='noIndent'>项目地址:</p>
<a href="https://github.com/ljm993510/APIcloud/tree/master/中正app" target="blank">https://github.com/ljm993510/APIcloud/tree/master/中正app</a>
</p>
</li>
<li>
<h3>4-基于Node和vue做的个人博客项目（持续完善中，还未上线）</h3>
<p>
基于Express框架,目前只搭建了主要的几个页面，有待完善。。
</p>
<p>
<p class='noIndent'>项目地址:</p>
<a href="https://github.com/ljm993510/myBlog" target="blank">https://github.com/ljm993510/myBlog</a>
</p>
</li>
</ul>
</div>
<div class="aboutme info-unit right-paragraph">
<h2 class="info-header"><i class="iconfont icon"></i> <span class="info-title">职业规划</span></h2>
<hr>
<p>
未来一年内，在前端基础不断巩固的前提下，深入学习JS高级部分内容如设计模式以及ES6新语法并加以运用,掌握好一门前端框架如vue和react，阅读相关源码理解其实现原理；
</p>
<p>
未来两年内，在前端技术栈完善的同时，进一步学习nodejs内容并加以运用；此外，D3js,webgl，Electron等其他前端技术也是需要持续关注学习的方向；
</p>
<p>总的目标是尽早达到在前后端分离项目中独立负责整个前端项目架构的水平</p>
</div>
<div class="aboutme info-unit right-paragraph">
<h2 class="info-header"><i class="iconfont icon-flower"></i> <span class="info-title">自我评价</span></h2>
<hr>
<p>
为人随和，爱好广泛，容易相处;工作上认真负责，良好的团队协作沟通能力;愿意花时间去学习技术研究问题,喜欢前端这份工作，希望在前端这条路上一直走下去！
</p>
</div>
</div>
</div>
</body>
</html>