-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
127 lines (127 loc) · 7.65 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<title>Blog by limingkang</title>
<link rel="stylesheet" href="stylesheets/styles.css">
<script src="javascripts/jquery.min.js"></script>
<script src="javascripts/jquery.SuperSlide.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="description" content="前端开发记录">
<meta name="keywords" content="gulp,react,node,webpack,redux,require,mysql,mongodb,vue,es6">
<style type="text/css">
body {background-color: #333;overflow: hidden;}
a {color: yellow;font-weight: bolder;}
</style>
</head>
<body>
<div class="index_container">
<div class="txtMarquee-top">
<h3 style="color:yellow;">常用网站</h3>
<div class="bd">
<ul class="infoList">
<li><a href="http://caniuse.com/" target="_blank">兼容性查询</a></li>
<li><a href="http://www.w3cfuns.com/" target="_blank">前端网</a></li>
<li><a href="http://www.json.cn/" target="_blank">json在线解析</a></li>
<li><a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript" target="_blank">mozilla的js全文档</a></li>
<li><a href="http://www.liaoxuefeng.com" target="_blank">廖雪峰的网站</a></li>
<li><a href="http://www.cnblogs.com/rubylouvre" target="_blank">司徒正美博客</a></li>
<li><a href="http://www.zhangxinxu.com/wordpress/" target="_blank">张鑫旭博客</a></li>
<li><a href="http://tool.oschina.net/regex" target="_blank">正则表达式在线工具</a></li>
<li><a href="http://www.css88.com/nav/" target="_blank">前端文档工具</a></li>
<li><a href="https://github.com/limingkang" target="_blank">github网址</a></li>
<li><a href="https://cnodejs.org/" target="_blank">cnode社区</a></li>
<li><a href="https://loading.io/" target="_blank">loading制作</a></li>
</ul>
</div>
</div>
<div class="wrapper">
<h3>
<a class="anchor" href="./boring/boring_index.html" aria-hidden="true">杂货</a> 
<a class="anchor" href="./technology.html" aria-hidden="true">新技术</a> 
<!-- <a class="anchor" href="./interview.html" aria-hidden="true">前端面试题</a> -->
</h3>
<h3>
<a class="anchor" href="./css-record.html" aria-hidden="true">css学习记录</a> 
<a class="anchor" href="./javascript-record.html" aria-hidden="true">js学习记录</a> 
<a class="anchor" href="./javascript-design.html" aria-hidden="true">js设计模式</a>
</h3>
<h3>
<a class="anchor" href="./gulp.html" aria-hidden="true">gulp配置</a> 
<a class="anchor" href="./webpack.html" aria-hidden="true">webpack配置</a> 
<a class="anchor" href="./require.html" aria-hidden="true">require.js</a>
</h3>
<h3>
<a class="anchor" href="./node.html" aria-hidden="true">node</a> 
<a class="anchor" href="./php.html" aria-hidden="true">php</a> 
<a class="anchor" href="./java.html" aria-hidden="true">java</a> 
<a class="anchor" href="./nginx.html" aria-hidden="true">nginx</a> 
</h3>
<h3>
<a class="anchor" href="./web_live.html" aria-hidden="true">常用的前端开发的实时化可视工具</a> 
<a class="anchor" href="./wechat.html" aria-hidden="true">微信小程序开发</a> 
<a class="anchor" href="./less.html" aria-hidden="true">less,sass,compass学习</a>
</h3>
<h3>
<a class="anchor" href="./react.html" aria-hidden="true">react学习</a> 
<a class="anchor" href="./react_native.html" aria-hidden="true">react native学习</a> 
<a class="anchor" href="./redux.html" aria-hidden="true">redux基础知识</a>
</h3>
<h3>
<a class="anchor" href="https://github.com/limingkang/learning-data/blob/master/AngularJS%E5%AD%A6%E4%B9%A0.docx" aria-hidden="true">angular1学习文档</a> 
<a class="anchor" href="./angular.html" aria-hidden="true">angular4学习</a> 
<a class="anchor" href="./rxjs.html" aria-hidden="true">rxjs学习</a> 
<a class="anchor" href="./ionic.html" aria-hidden="true">Ionic3学习</a>
</h3>
<h3>
<a class="anchor" href="./vue.html" aria-hidden="true">vue.js、vue-router</a> 
<a class="anchor" href="./vuex.html" aria-hidden="true">vuex基础知识</a> 
<a class="anchor" href="./vue_code.html" aria-hidden="true">vue源码学习</a> 
</h3>
<h3>
<a class="anchor" href="./mocha.html" aria-hidden="true">mocha以及chai,supertest等模块的使用</a> 
<a class="anchor" href="./es6.html" aria-hidden="true">ES6常用语法</a> 
<a class="anchor" href="./git.html" aria-hidden="true">git</a> 
</h3>
<h3>
<a class="anchor" href="./electron.html" aria-hidden="true">用electron搭建桌面应用</a> 
<a class="anchor" href="./server.html" aria-hidden="true">服务器部署</a> 
<a class="anchor" href="./docker.html" aria-hidden="true">docker安装</a> 
<a class="anchor" href="./app.html" aria-hidden="true">前端app开发</a>
</h3>
</div>
</div>
<script type="text/javascript">
jQuery(".txtMarquee-top").slide({mainCell:".bd ul",autoPlay:true,effect:"topMarquee",vis:5,interTime:50});
$(function () {
var minSize = 5;
var maxSize = 50;
var newOn = 80;
var flake = $("<div></div>").css({ "position": "absolute", "top": "-50px" }).html("❅");
var documentHeight = $(document).height();
var documentWidth = $(document).width();
setInterval(function () {
var startPositionLeft = Math.random() * documentWidth;
var sizeFlake = minSize + Math.random() * maxSize;
var endPositionLeft = Math.random() * documentWidth;
var durationFall = documentHeight * 10 + Math.random() * 3000;
var startOpacity = 0.7 + 0.3 * Math.random();
var endOpacity = 0.5 * Math.random();
flake.clone().appendTo($("body")).css({
"left": startPositionLeft,
"opacity": startOpacity,
"font-size": sizeFlake,
"color": "#fff"
}).animate({
"top": documentHeight - 40,
"left": endPositionLeft,
"opacity": endOpacity
}, durationFall, function () {
$(this).remove();
});
}, newOn);
});
</script>
</body>
</html>