This commit is contained in:
wlh
2014-12-28 18:26:30 +08:00
parent 3102f72713
commit 8d104dd935
18 changed files with 467 additions and 88 deletions
+159 -10
View File
@@ -25,11 +25,13 @@ html body{
/*index left*/ /*index left*/
.userinfo{ .userinfo{
position:absolute; position:fixed;
top:0; top:0;
left:0; left:0;
bottom:0; bottom:0;
width:320px; width:320px;
min-height:660px;
background-color:#2b2b2b;
} }
.userinfo_avatar{ .userinfo_avatar{
@@ -131,6 +133,7 @@ html body{
min-width:850px; min-width:850px;
overflow:auto; overflow:auto;
border-left:1px solid #808080; border-left:1px solid #808080;
/*display:none;*/
} }
.item{ .item{
@@ -162,6 +165,11 @@ html body{
display:inline-block; display:inline-block;
} }
.item span a{
color: #FFF;
text-decoration:none;
}
.item_top15{ .item_top15{
margin-top:45px; margin-top:45px;
} }
@@ -187,19 +195,160 @@ html body{
.item_hr_3{ .item_hr_3{
margin-top:200px; margin-top:200px;
} }
.back_index{
}
/*title*/ .back_index a{
.title{ display: block;
position:absolute; height:30px;
top:20px; width:100px;
color:#FFF; color:#FFF;
width:100%;
font-size:18px; font-size:18px;
text-align: center;
line-height:30px;
border:1px solid #808080;
cursor:pointer;
border-radius:3px;
text-decoration:none;
}
.back_index a:hover{
background-color:#000;
}
.back_index_add a{
color:#000;
}
.back_index_add a:hover{
color:#fff;
border:0;
background-color:#0070C5;
}
/**/
.bk{
position:absolute;
left:321px;
right:0;
bottom:0;
top:0;
overflow-y:hidden;
min-height:665px;
z-index:2;
}
.bk img{
width:100%;
height:100%;
}
.index_btn{
position:absolute;
left:321px;
right:0;
bottom:0;
top:0;
z-index:3;
}
.index_btn a{
height:60px;
line-height:60px;
width:150px;
background-color:#296685;
opacity:0.7;
color:#FFF;
font-size:26px;
border-radius:15px;
text-align:center; text-align:center;
margin-top: 300px;
cursor:pointer;
display:block;
text-decoration:none;
}
.index_btn a:first-child{
margin-left:200px;
}
.index_btn a:hover{
background-color:#46C535;
}
.index_btn a:nth-child(2){
width:240px;
margin-left:100px;
}
.index_btn a:last-child{
/*width:240px;*/
margin-left:100px;
}
.about_me{
position:absolute;
top:0;
right:0;
left:331px;
background-color:#FFF;
min-height: 667px;
}
.about_me_title{
font-size:22px;
width:80px;
margin-top:10px;
line-height:35px;
/*border:1px solid red;*/
}
.about_me_desc{
margin-left:20px;
color:#808080;
}
.about_me_pre{
font-size:14px;
line-height:23px;
margin-left:20px;
margin-right:20px;
margin-top: 10px;
}
.about_me_img{
width: 300px;
text-align: center;
}
.about_me_img img{
max-height:260px;
max-width:300px;
border-radius:4px;
}
.about_me_img span{
display: block;
position:relative;
top:-20px;
color:#0070C5;
text-align:left;
margin-left:50px;
}
.about_me_inschool{
font-size:20px;
width:90%;
margin-left: 4%;
margin-top:30px;
color:#0070C5;
border-bottom:1px solid #808080;
}
.about_me_pre{
font-family: georgia, "微软雅黑";
} }
+120
View File
@@ -0,0 +1,120 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>vczero.me--about me</title>
<link type="text/css" rel="stylesheet" href="../css/main.css" />
</head>
<body>
<div class="about_me">
<div class="about_me_title center">关于我</div>
<div class="about_me_desc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;也给自己起了个阿里的花名,叫“鬼谣”,取之于《山鬼谣.问何年》这个词牌名,当然你要说是取之于动画片《侠岚》,我也无所谓。</div>
<div class="about_me_pre">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;小学时代的梦想是成为一名作家,当了很多年的语文课代表,做过校报编辑,拿过作文比赛名次等等。同学和老师们也这么认为。
</div>
<div class="about_me_pre">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;到了高中,去了省里最好的中学,本应该在那里把文学素养提高一些...但是,不仅没能提高,反而没把语文学好。现在突然想明白一件事:老师同学们,你们确定那时候没骗我,我读书少。
</div>
<div class="about_me_pre">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;上了大学,选择了一个理科专业(GIS),以为是研究地理的。没想到,王大锤万万没想到,GIS是建立在计算机基础上的一门学科。GIS(Geographic Information System)成了没有Geographic只有Information System的学科。我想把GIS放在软件工程底下的一个细类更好吧。索性的是,当自学了C语言后,发现自己对编程感兴趣了,后来课程教授的是C++。大二, 拿了一等奖学金买了电脑,开发学习一些web开发,做一些静态网页等等,也就是那时锻炼了手写HMTL+CSS+DIV的能力,幸好当时没用Dreamweaver,要不然现在估计只能使用Dreamweaver做站长了,哈哈...新生来了,被推荐为助理班主任,带大一新生。后来有几个同学跟我学编程,于是周末再实验室给他们上web编程,第一次为兄长,这也加强了我的基础。现在师弟他们,有的技术水平已经很好了,有的在中兴,有的在考研。大二下学期,开始应聘到一家做GIS基础平台的公司。虽然当时是C++工程师,但是心里还是装着web,有时候把,感兴趣了就不可收拾。一晃,大三,开始各种忙碌起来,有老师的项目,有自己的项目,同时还有比赛的项目。记得在比赛的最后几天,为了赶工期,我和团队的另一位同学@昶一起熬了好多个夜晚,一般都是晚上在会议室睡觉。幸好,那年我成为第一届GIS会长(当时招了500人),给我们安排了一个比较大的会议室,可以容纳10来人。想起那段比赛的日子,虽然很苦,但是特别怀念,还记得当时去现场答辩的情形。当然结果也还不错,安徽省省赛第一名...后来准备将会议室留给咱班考研的同学看书用,没想到会长卸任后,被调整回收啦。这是传说中的人走茶凉么?...
</div>
<div class="about_me_img center">
<img src="../img/me_1.png"/>
<span>大三</span>
</div>
<div class="about_me_pre">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
大三下学期,老院长找到我,希望我可以带领一个团队去创业,开一家软件开发的公司,他给我们拉项目。很长一段时间都在劝我...但是,我心底明白,我需要的技术的提升,心底一直都没有过创业的念头,也觉得条件太不成熟。社交媒体是个神奇的东西!经过技术沟通等我认识高德一位研发经理,他就是我后来的leader,这也促进我学习的劲头(大二开始写博客,觉得是个好习惯,不过今年把之前在JavaEye上写的博客都删了,感觉写的太基础)。因为之前比赛拿了第一名,开始有些GIS业界企业联系我。大三的暑假没有想过出去的念头,于是在师兄的公司实习,做的是.NET WCF服务那一套。整个暑假也想清楚了一件事,就是不考研,虽然专业成绩一直都是第一名,当然其中的原因有很多...谢谢那时自己做了一个合理的选择。
</div>
<div class="about_me_pre">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
大四了,准备去找工作的,但是因为正好赶上教育部对学校进行评估,没有下一届那么幸运,一直不能离校,小城市学校的弊端啊(大公司校招太少)。直到10月份,才开始投递简历,拿了5个offer,权衡利弊加上想见见认识的大牛,于是选择了去高德面试。经过笔试、技术一面、技术Boss面、HR面,当天下午就拿到了offer。当时太善良,直接说少了工资,不过HR后来发offer给增加了。现在,才知道,拿的是本科的special offer。谢谢那个HR,不是传说中死抠......
</div>
<div class="about_me_img center">
<img src="../img/me_2.png"/>
<span>现在是小胖子,我开心...</span>
</div>
<div class="about_me_pre">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
13年10月20日入职高德,开始做Node.js服务研发。后来开始做高德地图M站的服务,这时候Node开始越来越熟练,当然得感谢@ivan和@pana。还没等到我转正,leader选择了离开高德...后来有同事有同学离开了高德。高德在阿里收购后,变化很大...友秘上也有很多爆料的。但是,我一直都是带有正能量去看待这些,拥抱变化,快速成长。感谢后来的leader@curtis给我单独历练的机会,这段时间不仅好好的把Node过了一遍,还加入了API团队,专职写原生JavaScript。同时,配合运营开讲了7讲高德JS-API公开课,体验了一次布道师的感觉。身处一个技术导向的团队是我的幸运。谢谢身边每一位可亲的同事们。
一年有一年,回顾过去觉得做的最为正确的事是(1)选择了web (2)选择了工作。一年又一年,期待未来,期待明天,趁着还年轻,多做做有意义的事情......
</div>
<div class="about_me_inschool">
大学获得奖励
</div>
<pre class="about_me_pre">
1. 2013年6月:ESRI杯安徽省第四届GIS开发大赛web创新设计组第一名;
2. 2010年9月~2013年9月:连续获得校级一等奖学金(3次,3%);
3. 2010年9月~2013年9月:国家励志奖学金(3次,3%~5%);
4. 2010年9月~2013年9月:连续获得校级“三好学生”(3次,4%);
5. 2010年9月~2013年9月:苍穹企业奖学金(1次);
6. 2013年5月~2014年5月:主持国家级大学生创新训练项目一项,主持人;
7. 2010年9月~2013年9月:主持校级大学生科研项目2项,主持人;
8. 2010年9月~2014年6月:担任学习委员、11级地信2班助理班主任;
9. 2012年6月~2013年6月:GIS首届会长、校技术创新团队MySpace组长;
10. 2013-2014年:荣获2014年安徽省品学兼优毕业生、荣获校十佳大学生(科技创新,约1/1500-2000)。
</pre>
<div class="item back_index back_index_add">
<a href="../index.html">去首页</a>
</div>
</div>
<div class="userinfo fl">
<div class="userinfo_avatar center">
<img src="../img/avatar.png"/>
</div>
<div class="userinfo_hr center"></div>
<div class="userinfo_info">
<div>
<span>昵称:</span>
<span>vczero</span>
</div>
<div>
<span>从业:</span>
<span>web前端研发工程师(JS + Node)</span>
</div>
<div>
<span>公司:</span>
<span>高德地图研发中心</span>
</div>
<div>
<span>职责:</span>
<span>JavaScript API & API服务</span>
</div>
</div>
<div class="userinfo_desc">
高中没有学好VB,那时觉得高考才是重点。大学选择
了理科(GIS),于是开始了自学C语言,大一
下学期课程安排是C++,放弃了C,于是开始捣鼓C++,
开始捣鼓MFC。大二开始看点web编程,大二实习的时
候,做的是公司的C++平台研发。但是心里一直装着一
个web的梦想,于是回学校继续做一些web项目。大三的
时候,专心web编程,既写前端,也写后端,参加过比赛,
给老师做过项目,也自己捣鼓一些自己的项目,渐渐没
有了周末...大四,专心写Node.js和JS。<span>活该现在是小胖子!!!</span>
</div>
<div class="userinfo_desc">
大学到参加工作以来,要感谢的人很多,感谢如兄如父的@涛哥,C++大牛@dll,web创新@蒋博士,带我的@yhostc & @ivan706...
特别感谢我60岁老父亲把我抚养长大...从农村一路走来,我很幸运,谢谢你们!
</div>
<div class="userinfo_btn">
<div class="fl text_center">TimeLine</div>
<div class="fl text_center">Start Game</div>
</div>
<div class="userinfo_link">
<a href="https://github.com/vczero">
<img src="../img/github.png" />
</a>
<a href="http://weibo.com/2762275212/profile?rightmod=1&wvr=6&mod=personinfo">
<img src="../img/weibo.png"/>
</a>
<a href="http://www.cnblogs.com/vczero/">
<img src="../img/blog.png"/>
</a>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery1.7.2.js" ></script>
<script type="text/javascript" src="js/main.js" ></script>
</html>
-9
View File
@@ -1,9 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
-9
View File
@@ -1,9 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
+136
View File
@@ -0,0 +1,136 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>vczero.me--项目</title>
<link type="text/css" rel="stylesheet" href="../css/main.css" />
</head>
<body>
<div class="userinfo fl">
<div class="userinfo_avatar center">
<img src="../img/avatar.png"/>
</div>
<div class="userinfo_hr center"></div>
<div class="userinfo_info">
<div>
<span>昵称:</span>
<span>vczero</span>
</div>
<div>
<span>从业:</span>
<span>web前端研发工程师(JS + Node)</span>
</div>
<div>
<span>公司:</span>
<span>高德地图研发中心</span>
</div>
<div>
<span>职责:</span>
<span>JavaScript API & API服务</span>
</div>
</div>
<div class="userinfo_desc">
高中没有学好VB,那时觉得高考才是重点。大学选择
了理科(GIS),于是开始了自学C语言,大一
下学期课程安排是C++,放弃了C,于是开始捣鼓C++,
开始捣鼓MFC。大二开始看点web编程,大二实习的时
候,做的是公司的C++平台研发。但是心里一直装着一
个web的梦想,于是回学校继续做一些web项目。大三的
时候,专心web编程,既写前端,也写后端,参加过比赛,
给老师做过项目,也自己捣鼓一些自己的项目,渐渐没
有了周末...大四,专心写Node.js和JS。<span>活该现在是小胖子!!!</span>
</div>
<div class="userinfo_desc">
大学到参加工作以来,要感谢的人很多,感谢如兄如父的@涛哥,C++大牛@dll,web创新@蒋博士,带我的@yhostc & @ivan706...
特别感谢我60岁老父亲把我抚养长大...从农村一路走来,我很幸运,谢谢你们!
</div>
<div class="userinfo_btn">
<div class="fl text_center">TimeLine</div>
<div class="fl text_center">Start Game</div>
</div>
<div class="userinfo_link">
<a href="https://github.com/vczero">
<img src="../img/github.png" />
</a>
<a href="http://weibo.com/2762275212/profile?rightmod=1&wvr=6&mod=personinfo">
<img src="../img/weibo.png"/>
</a>
<a href="http://www.cnblogs.com/vczero/">
<img src="../img/blog.png"/>
</a>
</div>
</div>
<div class="project_list">
<div class="item_hr item_hr_1">2013-2015: In Company of AutoNavi</div>
<div class="item">
<img src="../img/js-api.png"/>
<span>
<a href="http://lbs.amap.com/api/javascript-api/summary-3/" target="_blank">高德地图JS-API研发:专职JavaScript</a>
</span>
</div>
<div class="item">
<img src="../img/mo.png"/>
<span>
<a href="http://m.amap.com" target="_blank">高德地图web-App服务研发:专职Node</a>
</span>
</div>
<div class="item">
<img src="../img/amap.png"/>
<span>
<a href="http://www.amap.com" target="_blank">高德地图PC端 & API服务研发:专职Node</a>
</span>
</div>
<div class="item_hr item_hr_2">2013: A Busy Year</div>
<div class="item">
<img src="../img/lbs_service.png"/>
<span>省赛第一名旅游时空标签服务:组长 & 架构</span>
</div>
<div class="item">
<img src="../img/lbs_tuijian.png"/>
<span>微旅行推荐应用:服务 & 前端</span>
</div>
<div class="item">
<img src="../img/line.png"/>
<span>滁州市公交线路分析系统:科研项目主持人</span>
</div>
<div class="item_hr item_hr_3">Other Project(2010-2013 & Github)</div>
<div class="item">
<img src="../img/tuban.png"/>
<span>
<a href="http://vczero.github.io/tuban/main.html#/" target="_blank">OurTimes:基于位置的通讯录</a>
</span>
</div>
<div class="item">
<img src="../img/search.png"/>
<span>
<a href="http://vczero.github.io/t/html/index.html#/" target="_blank">基于豆瓣API的搜索web-App</a>
</span>
</div>
<div class="item">
<img src="../img/c_plus_plus.png"/>
<span>GIS基础平台研发:C++工程师</span>
</div>
<div class="item item_top15">
<img src="../img/nodeweibo.png"/>
<span>
<a href="https://github.com/vczero/node-weibo" target="_blank">Node.js封装微博API</a>
</span>
</div>
<div class="item item_top15">
<img src="../img/2048.png"/>
<span>
<a href="http://vczero.github.io/t2048/t2048.html" target="_blank">脑袋一热,写了个简单的2048</a>
</span>
</div>
<div class="item item_top15">
<img src="../img/ban.png"/>
<span>科研立项、校级项目、班级系统...</span>
</div>
<div class="item back_index" style="height:50px;">
<a href="../index.html">去首页</a>
</div>
</div>
</body>
</html>
BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 227 KiB

BIN
View File
Binary file not shown.

Before

Width:  |  Height:  |  Size: 178 KiB

After

Width:  |  Height:  |  Size: 178 KiB

BIN
View File
Binary file not shown.

Before

Width:  |  Height:  |  Size: 255 KiB

After

Width:  |  Height:  |  Size: 348 KiB

BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 198 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 279 KiB

BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 245 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 449 KiB

BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 137 KiB

BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 241 KiB

BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 352 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 212 KiB

+16 -59
View File
@@ -2,10 +2,25 @@
<html> <html>
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>vczero.me</title> <title>vczero.me--首页</title>
<link type="text/css" rel="stylesheet" href="css/main.css" /> <link type="text/css" rel="stylesheet" href="css/main.css" />
</head> </head>
<body> <body>
<div class="bk">
<img src="img/bk.jpg"/>
</div>
<div class="index_btn">
<a class="fl" href="html/aboutme.html">
About ME
</a>
<a class="fl" href="html/project.html">
About Project
</a>
<!--<a class="fl" href="html/project.html">
My Starred
</a>-->
</div>
<div class="title"> <div class="title">
The Projects Of My Participation In The Past Time The Projects Of My Participation In The Past Time
</div> </div>
@@ -63,64 +78,6 @@
</a> </a>
</div> </div>
</div> </div>
<div class="project_list">
<div class="item_hr item_hr_1">2013-2015: In Company of AutoNavi</div>
<div class="item">
<img src="img/js-api.png"/>
<span>高德地图JS-API研发</span>
</div>
<div class="item">
<img src="img/mo.png"/>
<span>高德地图web-App服务研发</span>
</div>
<div class="item">
<img src="img/amap.png"/>
<span>高德地图PC端&其他服务研发</span>
</div>
<div class="item_hr item_hr_2">2013: A Busy Year</div>
<div class="item">
<img src="img/lbs_service.png"/>
<span>安徽省比赛第一名:旅游时空标签服务</span>
</div>
<div class="item">
<img src="img/lbs_tuijian.png"/>
<span>微旅行推荐应用</span>
</div>
<div class="item">
<img src="img/line.png"/>
<span>滁州市公交线路分析系统</span>
</div>
<div class="item_hr item_hr_3">Other Project(2010-2013 & Github)</div>
<div class="item">
<img src="img/tuban.png"/>
<span>OurTimes:基于位置的通讯录</span>
</div>
<div class="item">
<img src="img/search.png"/>
<span>基于豆瓣API的搜索web-App</span>
</div>
<div class="item">
<img src="img/c_plus_plus.png"/>
<span>GIS C++平台研发</span>
</div>
<div class="item item_top15">
<img src="img/nodeweibo.png"/>
<span>Node.js封装微博API</span>
</div>
<div class="item item_top15">
<img src="img/2048.png"/>
<span>脑袋一热,写了个简单的2048</span>
</div>
<div class="item item_top15">
<img src="img/ban.png"/>
<span>很久以前,给班级做的管理系统</span>
</div>
<div class="item" style="height:50px;">
........
</div>
</div>
</body> </body>
<script type="text/javascript" src="js/jquery1.7.2.js" ></script> <script type="text/javascript" src="js/jquery1.7.2.js" ></script>
<script type="text/javascript" src="js/main.js" ></script> <script type="text/javascript" src="js/main.js" ></script>
+36 -1
View File
@@ -1,4 +1,39 @@
$(function(){ $(function(){
$('.project_list').hide();
$('.title').hide();
}); });
(function(){
//detail model
var projectDetail = [];
projectDetail.push({
title: '高德地图JS-API研发 && 公开课',
link: ['http://lbs.amap.com/api/javascript-api/summary-3/', 'http://lbsbbs.amap.com/forum.php?mod=viewthread&tid=1436&extra=page%3D1'],
job: '负责JS-API的新功能研发、维护',
pics: ''
});
projectDetail.push({
title: '高德地图webApp服务端开发',
link: ['m.amap.com'],
job: '经历了v2.0大改版,使用了Node.js作为服务中间层',
pics: ''
});
projectDetail.push({
title: '高德地图pc端服务开发 & API服务研发',
link: ['www.amap.com'],
job: '使用Node.js提供基础服务的封装以及JS-API的服务研发维护',
pics: ''
});
projectDetail.push({
title: '基于社交媒体的旅游时空标签服务',
link: '科研 & 竞赛',
job: '作为项目的组长,设计服务框架(整个服务端代码编写)和前端架构',
pics: ''
});
})();