-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
183 lines (177 loc) · 7.41 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Resume</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="icon" type="image/x-icon" href="src/images/resume.png">
<!-- <script src="dist/bundle.js"></script> -->
<script src="dist/bundle.min.js"></script>
<!-- <link rel="stylesheet" href="src/css/reset.css">
<link rel="stylesheet" href="src/css/index.css">
<link rel="stylesheet" href="src/css/personalskills.css">
<link rel="stylesheet" href="src/css/portfolio.css">
<link rel="stylesheet" href="src/css/Contact.css">
<link rel="stylesheet" href="src/css/response.css"> -->
</head>
<body>
<nav>
<div class="nav_header" title="Home">
<a href="javascript:;" class="resume" >Resume</a>
<a href="#" id="nav"></a>
</div>
<div class="nav_content">
<ul>
<li class="active">01 <a href="javascript:;">基本信息</a></li>
<li>02 <a href="javascript:;">项目经历</a></li>
<li>03 <a href="javascript:;">职业技能</a></li>
<li>04 <a href="javascript:;">联系我</a></li>
</ul>
</div>
<div class="nav_footer">
<ul class="nav_footer_icon">
<li><a href="http://www.weibo.com/linxun001"><img src="src/images/weibo.png" alt="weibo"></a></li>
<li><a href="https://github.com/jx-zyf"><img src="src/images/github.png" alt="github"></a></li>
<li><a href="https://twitter.com/linxunzyf"><img src="src/images/twtter.png" alt="twtter"></a></li>
</ul>
<span>©linxunzyf's Resume 2017</span>
</div>
</nav>
<div class="content">
<div class="show">
<div class="Basic_page">
<div class="Basic_header">
<h2>基本信息</h2>
<span>朱耀发-18770813129-linxunzyf@gmail.com</span>
</div>
<hr>
<div class="Basic_main">
<div class="Basic_information">
<span>毕业学校</span>
<img src="src/images/jxau.jpg" alt="">
</div>
<div class="Basic_information">
<span>手机号码</span>
<img src="src/images/phone.png" alt="">
</div>
<div class="Basic_information">
<span>邮箱</span>
<img src="src/images/email.png" alt="">
</div>
<div class="Basic_information">
<span>微信</span>
<img src="src/images/wechat.png" alt="">
</div>
</div>
</div>
</div>
<div class="hide">
<div class="portfolio">
<div class="Basic_header">
<h2>项目经历</h2>
<span>我的项目</span>
</div>
<hr>
<div class="portfolio_content">
<h3> vue2.0+node.js+mongodb 信息管理系统</h3>
<p>项目描述:<br>
通过前端请求>路由分配>后台处理>数据库更新,实现了对信息的增删改查和分页功能。
这是一个从前台到后台的完整的项目。
</p>
<a href="https://jx-zyf.github.io/vue-demo/client/index.html">预览</a>
<a href="https://github.com/jx-zyf/vue-demo">代码</a>
</div>
<div class="portfolio_content">
<h3>music-App</h3>
<p>项目描述:<br>
排行榜中的歌单由jQuery ajax请求存储歌曲信息的.json文件动态生成,搜索页也是如此;
音乐播放界面主要用了H5中的audio及其API,歌词滚动的逻辑是
位于两条歌词出现时间点之间,则显示前面的歌词,当然如果是最后一条歌词就没有下一条了
</p>
<a href="https://jx-zyf.github.io/music-App/src/index.html">预览</a>
<a href="https://github.com/jx-zyf/music-App">代码</a>
</div>
<div class="portfolio_content">
<h3>react随手记</h3>
<p>项目描述:<br>
第一个 react 项目,使用webpack做了babel和jsx预处理和模块打包,样式采用了less预处理。
将信息存储在 localStorage 中,用户可以添加和删除。对前端组件化和模块化有了更深刻的认识。
</p>
<a href="https://jx-zyf.github.io/react-todo/index.html">预览</a>
<a href="https://github.com/jx-zyf/react-todo">代码</a>
</div>
<div class="portfolio_content">
<h3>cover-Huawei</h3>
<p>项目描述:<br>模仿华为官网做了一个静态主页面,巩固 HTML/CSS/javascript 基础</p>
<a href="https://jx-zyf.github.io/cover-Huawei/index.html">预览</a>
<a href="https://github.com/jx-zyf/cover-Huawei">代码</a>
</div>
</div>
</div>
<div class="hide">
<div class='personal-skills'>
<div class="Basic_header">
<h2>职业技能</h2>
<span>我的技能</span>
</div>
<hr>
<div class="skill_content">
<ul>
<li><strong>HTML&CSS</strong><br>
熟悉掌握HTML和常用CSS,具有像素级还原设计稿的能力。具有平均水平之上的审美,追求优雅的设计。<br>
熟悉w3c规范,web语义化,有一定的编程能力。
</li>
<li><strong>JavaScript&jQuery</strong><br>
熟悉原生javascript,掌握重要概念如:原型,闭包,作用域链,面向对象等。能根据面向对象思想封装常用插件。<br>
掌握常用jQuery选择器和常用API。
</li>
<li><strong>框架&工具</strong><br>
了解Vue框架的使用,具有vue+vue-resourse+vuex实际开发经验;<br>
了解react框架,了解前端的组件化和模块化。使用过webpack,express,less,sass 等工具。
</li>
<li><strong>其他</strong><br>
了解前后分离端分离原则,从前到后的开发过程。具有前端配合node.js、mongodb的开发经验。<br>
了解Photoshop基本操作,如切图,制作banner图等。
</li>
</ul>
</div>
</div>
</div>
<div class="hide">
<div class="Contact_page">
<div class="Contact_header">
<h2>联系我</h2>
<span>联系方式</span>
</div>
<hr>
<div class="Contact_main">
<div>
<p class="aboutMe">
自我评价:
执着而坚韧的蜗牛,小小的内心蕴藏着巨大的能量。
在通往理想的道路上跋山涉水,Go with the flow是我的人生信条。
晚期强迫症患者,对代码整洁性要求较高。
思维活跃,能接受新的技术以应对发展迅速的web前端。
</p>
<ul class="contactMe">
<li>出生年月:1996/05</li>
<li>手 机:187 7081 3129</li>
<li>邮 箱:<a href="mailto:linxunzyf@gmail.com">linxunzyf@gmail.com</a></li>
<li>地 址:广东深圳</li>
<li>微 信:zyf18279782420</li>
</ul>
<h2 class="github">github: <a href="https://github.com/jx-zyf"> github.com/jx-zyf</a></h2>
<ul class="footer">
<li><a href="http://www.weibo.com/linxun001"><img src="src/images/weibo.png" alt="weibo"></a></li>
<li><a href="https://github.com/jx-zyf"><img src="src/images/github.png" alt="github"></a></li>
<li><a href="https://twitter.com/linxunzyf"><img src="src/images/twtter.png" alt="twtter"></a></li>
</ul>
<div>©linxunzyf's Resume 2017</div>
</div>
</div>
</div>
</div>
</div>
<!-- <script src="src/js/index.js"></script> -->
</body>
</html>