-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy patholdindex.html
143 lines (134 loc) · 8.1 KB
/
oldindex.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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>shanger</title>
<!-- Bootstrap -->
<link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!--你自己的样式文件 -->
<link rel="stylesheet" type="text/css" href="css/aboutme.css">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" media="screen"/>
</head>
<body id='body'>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" >
<div class="container">
<div class="navbar-header">
<!--<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>-->
<a class="navbar-brand" href="#">{{title}}</a>
</div>
</div><!-- /.container-fluid -->
</nav>
<!--三栏布局-->
<div class="container" id="TH_container">
<div class="row">
<div class="col-md-8 col-xs-6">
<div id="">
<header class="about_title">【求职意向: web前端开发工程师】</header>
<p>手机：13243189551 邮箱：[email protected]</p>
</div>
<div>
<header class="about_title">【个人信息】</header>
<p>
性别：男 | 民族：汉 | 出生年月：1995.03 | 籍贯：河南商丘 <br/>学历：大学本科 | 专业：信息管理与信息系统 | 健康状况：良好
</p>
</div>
<div>
<header class="about_title">【教育背景】</header>
<p>
2012/09-2016 河南城建学院 计算机科学与工程学院 信息管理与信息系统 <br/> 主修课程：C语言、C++、C#、数据结构、数据库原理、Asp.net、计算机网络等
</p>
</div>
</div>
<div class="col-md-4 col-xs-6" style="text-align:center">
<img src="img/shanger.jpg" alt="shanger" id="myphoto" data-toggle="modal" data-target="#Caidan">
<input type="text" class="form-control" id='chat' placeholder="聊点儿啥" style="margin:1em 0;">
<p id="answer"></p>
</div>
</div>
<hr class="container_hr">
<!--标签页选项卡-->
<div>
<header class="about_title">【个人经历】</header>
<ul>
<li>2014/09-2014/11 由我创意并和同学共同开发了一个校园失物招领网站，我主要负责前端开发。</li>
<li>2015/03-2015/04(初) 在老师带领下完成一个在线答题网站，该网站并没有涉及后台技术。（我们把题库存储在数组里，然后随机读取）</li>
<li>2015/05- https://github.com/shanger</li>
<li>2015/06 结合asp.net 技术模仿了一个rss在线阅读器。</li>
<li>2015/07-2015/08 在上海德拓信息技术有限公司做前端实习生，负责eagles搜索引擎开发。</li>
</ul>
</div>
<div>
<header class="about_title">【获奖情况】</header>
<ul>
<li> 2012-2013 一等奖学金</li>
<li> 2013 在学校举办的春季运动会阳光伙伴比赛中，获得第一名</li>
<li> 2013 荣获河南城建学院“优秀学生干部”称号</li>
<li> 2013-2014学年国家励志奖学金</li>
</ul>
</div>
<div>
<header class="about_title">【个人技能】</header>
<ul>
<li>熟悉html、css、js、jq、ajax，能用原生js编程</li><li>熟悉html5(canvas,本地存储、离线存储,)、css3(animation，flex)</li><li>有数据库和asp.net基础（中级数据工程师资格</li><li>熟悉svn，git的使用</li><li>目前正在关注 vue.js（轻量，专注于viewmodel <a href="https://shanger.github.io/todolist">Todolist</a>） sass</li><li>熟练运用office软件，ps</li>
</ul>
</div>
<div>
<header class="about_title">【从一个页面的生平谈对前端的理解】</header>
<p>
浏览器从服务器接收到html形成DOM，然后样式表被加载、解析，形成CssOM，DOM和CssOM创建了一个渲染树，渲染树映射了DOM结构，接下来浏览器开始进行布局（layout）,最后将页面绘制（painting）到浏览器窗口中。
</p>
<p>
绘制完成后由于交互需求，我们常常会通过不同方式来修改页面，就会出现重绘、重排。从页面性能来考虑我们应当尽量减少重排的出现（我们可以这样做：将要对页面内容、结构、定位进行修改的时候先将他们从文档流中移除操作完成后再加进来，尽量只对position：为absolute或fixed的元素做动画操作），有时候获取某些属性也会导致重排，如果这些属性会多次操作要把他们缓存起来。
</p>
<p>
除了网页性能优化给用户更佳的用户体验，前端攻城狮还有很多事情要做，比如，如何的让你的代码更加简洁、适应性更强、可读性更佳，更易于代码的维护。所以css预处理，前端mvc……这些都是前端工程师应当理解的，也是我接下来继续努力的方向。
</p>
</div>
<div>
<header class="about_title">【个人爱好】</header>
<p>
篮球，读书，旅游，音乐
</p>
</div>
<footer>
<p class="pull-right"><a href="#top">回到顶部</a></p>
<p class="aboutmefoot">单国力的求职简历</p>
</footer>
</div>
<div class="modal fade" id="Caidan" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<div id="shanger" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#shanger" data-slide-to="0" class="active"></li>
<li data-target="#shanger" data-slide-to="1"></li>
<li data-target="#shanger" data-slide-to="2"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner" id ="carousel">
<div class="active item"><img src="http://odqxl7d3r.bkt.clouddn.com/shanger1.jpg"></div>
<div class="item"><img src="http://odqxl7d3r.bkt.clouddn.com/shanger2.jpg"></div>
<div class="item"><img src="http://odqxl7d3r.bkt.clouddn.com/shanger3.jpg"></div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#shanger" data-slide="prev">‹</a>
<a class="carousel-control right" href="#shanger" data-slide="next">›</a>
</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<script src='bower_components/requirejs/require.js' data-main='js/index.js'></script>
</body>
</html>