-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
189 lines (181 loc) · 12.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ZHANGSHUAI</title>
</head>
<link rel="stylesheet" href="css/css.css">
<body>
<div class="left-col">
<div class="overlay" style="background: #4d4d4d"></div>
<div class="intrude-less">
<header id="header" class="inner">
<a href="/" class="profilepic">
<img src="img/name.jpg" class="js-avatar">
</a>
<hgroup>
<h1 class="header-author"><a href="/">杨新宇</a></h1>
</hgroup>
<p class="header-subtitle">爱前端、爱英语、爱运动、要在3年内成为优秀Web前端工程师</p>
<nav class="header-menu">
<ul>
<li><a href="/">主页</a></li>
<li><a href="/project">项目demo</a></li>
</ul>
</nav>
<nav class="header-smart-menu">
</nav>
<nav class="header-nav">
<div class="social">
<a class="github" target="_blank" href="https://github.com/anotherleon" title="github">
<img src="img/github.png" alt="">
</a>
<a class="weixin" target="_blank" title="weixin">
<img src="img/wx.png" alt=""></a>
<a class="mail" target="_blank" href="mailto:18332598012@163.com" title="mail">
<img src="img/邮箱.png" alt="">
</a>
</div>
</nav>
</header>
</div>
</div>
<div class="mid-col" >
<nav id="mobile-nav">
<div class="overlay js-overlay" style="background: #4d4d4d"></div>
<div class="btnctn js-mobile-btnctn">
<div class="slider-trigger list" q-on="click: openSlider(e)"><i class="icon icon-sort"></i></div>
</div>
<div class="mobile-mask" style="display:none" q-show="isShow"></div>
</nav>
<div id="wrapper" class="body-wrap">
<div class="menu-l">
<div id="js-content" class="content-ll">
<article id="page-" class="article article-type-page " itemscope="" itemprop="blogPost" style="margin-top: 0">
<div class="article-inner">
<header class="article-header">
<h1 class="article-title" itemprop="name">
杨新宇
</h1>
<a href="/about/index.html" class="archive-article-date">
<time datetime="2017-11-06T01:53:38.130Z" itemprop="datePublished">
2017-11-06
</time>
</a>
</header>
<div class="article-entry" itemprop="articleBody">
<h2 id="关于我"><a href="#关于我" class="headerlink" title="关于我"></a>关于我</h2><p><em>男，24岁，未婚婚</em><br><em>爱前端、爱英语、爱运动、要在3年内成为优秀Web前端工程师</em><br><a id="more"></a></p>
<h3 id="热爱学习新技术"><a href="#热爱学习新技术" class="headerlink" title="热爱学习新技术"></a>热爱学习新技术</h3><ul>
<li>自学Java为公司开发整机档案查询系统。</li>
<li>学习PHP、HTML、CSS用于设计维护公司ECShop商城。</li>
<li>学习Linux用于维护公司网站服务器。</li>
<li>自学前端开发相关技术（JavaScript高级程序设计（第3版）\DOM编程艺术\锋利的JQuery\ES6…）。</li>
</ul>
<h3 id="工作认真负责、任劳任怨"><a href="#工作认真负责、任劳任怨" class="headerlink" title="工作认真负责、任劳任怨"></a>工作认真负责、任劳任怨</h3><ul>
<li>历时5个月以一己之力为公司迁移数据升级OA系统。</li>
<li>用时2个月设计企业文化手册H5版,获“优秀员工”称号。</li>
<li>为保障公司监控系统正常运行，一个人在元旦加班维修。</li>
<li>公司停电导致服务器故障，连夜维修。</li>
</ul>
<h3 id="有毅力、专注"><a href="#有毅力、专注" class="headerlink" title="有毅力、专注"></a>有毅力、专注</h3><ul>
<li>背单词，百词斩打卡272天、 5207个专四词汇，扇贝打卡284天、3107个专八词汇。</li>
<li>坚持每周锻炼四次。</li>
<li>练insanity八个月，减重10KG。</li>
</ul>
<h3 id="踏实、脾气好"><a href="#踏实、脾气好" class="headerlink" title="踏实、脾气好"></a>踏实、脾气好</h3><ul>
<li>大家都这么说。^_^</li>
</ul>
<h2 id="专业技能"><a href="#专业技能" class="headerlink" title="专业技能"></a>专业技能</h2><ul>
<li>熟悉JavaScript语法规则，熟悉DOM操作和事件，能使用原生JS手写代码。在慕课网及小项目中做过大量练习（<a href="https://github.com/anotherleon" target="_blank" rel="external">详见Github</a>）。</li>
<li>熟悉JQuery，能使用JQuery实现一定的页面交互效果。</li>
<li>熟悉标签语义化，了解HTML5中对标签语义的强化，了解CSS3部分增强功能。理解结构、样式、行为的分离。做过网站改版、帮人做过个人网站。</li>
<li>了解Vue.js前端框架，实现过简单的购物车效果。</li>
<li>了解Webpack（学习了慕课网webpack深入与实战课程）。</li>
<li>熟悉Photoshop（自学祁连山视频教程）。</li>
<li>擅长通过搜索引擎、知乎、segmentfault、官方文档查找解决办法。</li>
</ul>
<h2 id="项目经验"><a href="#项目经验" class="headerlink" title="项目经验"></a>项目经验</h2><ul>
<li>项目一： <a href="https://anotherleon.github.io/leon's%20project/带滚动条的展示栏/index.html" target="_blank" rel="external">带滚动条的图片展示栏 原生javascirpt</a><ul>
<li>通过鼠标拖动滚动条、悬浮、鼠标滚轮、键盘事件控制图片的动态滑动。</li>
</ul>
</li>
<li>项目二： <a href="https://anotherleon.github.io/leon's%20project/拼图小游戏/index.html" target="_blank" rel="external">拼图小游戏 JQuery</a><ul>
<li>图片随机排列，通过拖动一块块图片拼凑出完整图片。</li>
</ul>
</li>
<li>项目三：<a href="https://anotherleon.github.io/leon's%20project/rating/index5.html" target="_blank" rel="external">星级评分系统 JQuery+面相对象</a> <ul>
<li>使用原型链构造函数的混合设计模式，通过传入参入，可以灵活的点亮整颗或半颗星星。</li>
</ul>
</li>
<li>项目四：<a href="https://anotherleon.github.io/leon's%20project/空气质量可视化/index.html" target="_blank" rel="external">空气质量可视化 JQuery+Echarts</a> <ul>
<li>以散点图的形式在地图上展现出全国空气质量</li>
</ul>
</li>
</ul>
<h2 id="工作经历"><a href="#工作经历" class="headerlink" title="工作经历"></a>工作经历</h2><ul>
<li>2011.03 – 2017.07 <ul>
<li>厦工机械（焦作）有限公司·IT专员</li>
</ul>
</li>
<li>2010.08 – 2011.03<ul>
<li>上海艾买网络科技有限公司·网站运维</li>
</ul>
</li>
<li>2007.11 – 2010.08<ul>
<li>上海艾逊实业有限公司•网站设计维护兼网络管理</li>
</ul>
</li>
</ul>
<h2 id="教育经历"><a href="#教育经历" class="headerlink" title="教育经历"></a>教育经历</h2><ul>
<li>2003 – 2007<ul>
<li>黑龙江科技大学·计算机科学与技术专业 </li>
</ul>
</li>
</ul>
<h2 id="语言能力"><a href="#语言能力" class="headerlink" title="语言能力"></a>语言能力</h2><ul>
<li>英语四级</li>
<li>阅读能力良好（词汇量10000）</li>
</ul>
<h2 id="兴趣爱好"><a href="#兴趣爱好" class="headerlink" title="兴趣爱好"></a>兴趣爱好</h2><ul>
<li>跑步&健身、电影&美剧、欧美奇幻文学（原著）</li>
</ul>
<h2 id="GitHub"><a href="#GitHub" class="headerlink" title="GitHub:"></a>GitHub:</h2><ul>
<li><a href="https://github.com/anotherleon" target="_blank" rel="external">https://github.com/anotherleon</a></li>
</ul>
</div>
<div class="article-info article-info-index">
<div class="clearfix"></div>
</div>
</div>
</article>
<aside class="wrap-side-operation">
<div class="mod-side-operation">
<div class="jump-container" id="js-jump-container" style="display: none;">
<a href="javascript:void(0)" class="mod-side-operation__jump-to-top">
<i class="icon-font icon-back"></i>
</a>
<div id="js-jump-plan-container" class="jump-plan-container" style="top: -11px;">
<i class="icon-font icon-plane jump-plane"></i>
</div>
</div>
</div>
</aside>
</div>
</div>
</div>
<footer id="footer">
<div class="outer">
<div id="footer-info">
<div class="footer-left">
© 2017 Leon Wang
</div>
<div class="footer-right">
<a href="http://hexo.io/" target="_blank">Hexo</a> Theme <a href="https://github.com/litten/hexo-theme-yilia" target="_blank">Yilia</a> by Litten
</div>
</div>
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1263199940'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/stat.php%3Fid%3D1263199940%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script><span id="cnzz_stat_icon_1263199940"><a href="http://www.cnzz.com/stat/website.php?web_id=1263199940" target="_blank" title="站长统计"><img border="0" hspace="0" vspace="0" src="https://icon.cnzz.com/img/pic.gif"></a></span><script src=" https://s22.cnzz.com/stat.php?id=1263199940&show=pic" type="text/javascript"></script><script src="https://c.cnzz.com/core.php?web_id=1263199940&show=pic&t=z" charset="utf-8" type="text/javascript"></script>
</div>
</footer>
</div>
</body>
</html>