-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
286 lines (267 loc) · 11.2 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
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
<!DOCTYPE html>
<html class="no-js" lang="zh-cn">
<head>
<title>愛編碼</title>
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="robots" content="index, follow">
<link rel="shortcut icon" href="@@assets/imgs/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="assets/css/lib/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/homepage.css">
<script>!function(e){e.className=e.className.replace(/\bno-js\b/,"js")}(document.documentElement)</script>
<script>window.HB=window.HB||{},window.HB.pageData={name:"hb:buy:homepage",channel:"buy",agentNameAutoSuggestionURL:"http://www.test.com/suggest.ds",autoSuggestionURL:"http://suggest.com/smart-suggest"}</script>
<script src="assets/js/lib/boilerplate.js"></script>
</head>
<![if !IE]> <body class="buy"> <![endif]>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" 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="/">ICoding</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li>
<a href="/agile.html">敏捷实践</a>
</li>
<li>
<a href="/safe.html">网络安全</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">测试 <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="/test.html">单元测试</a>
</li>
<li>
<a href="/ftest.html">功能测试</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">前后端分离 <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="/frontend.html">前端架构</a>
</li>
<li>
<a href="/backend.html">后端架构</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">安全认证 <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="/auth-token.html">基于Token的认证</a>
</li>
<li>
<a href="/auth-decoupe.html">基于分布式单点认证</a>
</li>
<li>
<a href="/auth-jwt.html">Json Web Token(JWT)认证</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Server less <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="/">未来无服务架构</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<!-- Header Carousel -->
<header id="myCarousel" class="carousel slide">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<div class="fill" style="background-image:url('http://www.wisdomgarden.com/static/images/banner.jpg')"></div>
<div class="carousel-caption">
<h2></h2>
</div>
</div>
<div class="item">
<div class="fill" style="background-image:url('assets/imgs/home-bg.jpg')"></div>
<div class="carousel-caption">
<h2></h2>
</div>
</div>
<div class="item">
<div class="fill" style="background-image:url('assets/imgs/intro-bg.jpg')"></div>
<div class="carousel-caption">
<h2></h2>
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="icon-prev"></span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="icon-next"></span>
</a>
</header>
<div class="container">
<!-- Marketing Icons Section -->
<div class="row">
<div class="col-lg-12">
<h1 class="page-header">
推荐
</h1>
</div>
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-heading">
<h4><i class="fa fa-fw fa-check"></i>网络安全基础</h4>
</div>
<div class="panel-body">
<p>现代web开发面临诸多挑战，安全的重要性一直被视为是重中之重。威胁分析技术日益被认为是一些大型项目的必要考虑，有一些基础的安全练习是每个程序员需要也理所应当要做的。</p>
<a href="/safe.html" class="btn btn-default">查看详情</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-heading">
<h4><i class="fa fa-fw fa-gift"></i>单元测试中的Mock</h4>
</div>
<div class="panel-body">
<p>在测试中根据情况来Mock一个对象进行测试变得越来越流行.绝大多数语言都有类库来简单的创建mock对象.但是往往没有想到的是mock对象也是测试对象的一种特殊的情况,一种不同的测试风格.</p>
<a href="/test.html" class="btn btn-default">查看详情</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-heading">
<h4><i class="fa fa-fw fa-compass"></i>前后端分离</h4>
</div>
<div class="panel-body">
<p>前后端分离是目前比较流行的一种Web开发架构,可以很好的支持持续集成以及持续发布,那么如果搭建一个可持续发布,安全,灵活的前后端分离架构呢?</p>
<a href="" class="btn btn-default">查看详情</a>
</div>
</div>
</div>
</div>
<!--<div class="row">-->
<!--<div class="col-lg-12">-->
<!--<h2 class="page-header">医生推荐</h2>-->
<!--</div>-->
<!--<div class="col-md-4 col-sm-6">-->
<!--<a href="portfolio-item.html">-->
<!--<img class="img-responsive img-portfolio img-hover" src="assets/imgs/doc_1.jpg" alt="">-->
<!--</a>-->
<!--</div>-->
<!--<div class="col-md-4 col-sm-6">-->
<!--<a href="portfolio-item.html">-->
<!--<img class="img-responsive img-portfolio img-hover" src="assets/imgs/doc_2.jpg" alt="">-->
<!--</a>-->
<!--</div>-->
<!--<div class="col-md-4 col-sm-6">-->
<!--<a href="portfolio-item.html">-->
<!--<img class="img-responsive img-portfolio img-hover" src="assets/imgs/doc_3.jpg" alt="">-->
<!--</a>-->
<!--</div>-->
<!--<div class="col-md-4 col-sm-6">-->
<!--<a href="portfolio-item.html">-->
<!--<img class="img-responsive img-portfolio img-hover" src="assets/imgs/doc_4.jpg" alt="">-->
<!--</a>-->
<!--</div>-->
<!--<div class="col-md-4 col-sm-6">-->
<!--<a href="portfolio-item.html">-->
<!--<img class="img-responsive img-portfolio img-hover" src="assets/imgs/doc_5.jpg" alt="">-->
<!--</a>-->
<!--</div>-->
<!--<div class="col-md-4 col-sm-6">-->
<!--<a href="portfolio-item.html">-->
<!--<img class="img-responsive img-portfolio img-hover" src="assets/imgs/doc_6.jpg" alt="">-->
<!--</a>-->
<!--</div>-->
<!--</div>-->
<!-- Features Section -->
<div class="row">
<div class="col-lg-12">
<h2 class="page-header">书籍阅读</h2>
</div>
<div class="col-md-6">
<p>编程与实践</p>
<ul>
<li><strong>重构</strong></li>
<li>敏捷软件开发:原则,实践与模式</li>
<li>白帽子讲Web安全</li>
<li>Building Microservices</li>
</ul>
<p>思想与领导力</p>
<ul>
<li><strong>精益思想</strong></li>
<li>影响力</li>
<li>管理3.0</li>
<li>Building Microservices</li>
</ul>
<p>流程与交付</p>
<ul>
<li><strong>用户故事与敏捷方法</strong></li>
<li>持续交付</li>
<li>看板方法</li>
</ul>
<p>提升与修炼</p>
<ul>
<li><strong>暗时间</strong></li>
<li>金字塔原理</li>
<li>咨询的奥秘</li>
</ul>
</div>
<div class="col-md-6">
<img class="img-responsive" src="assets/imgs/sky.jpg" alt="">
</div>
</div>
<!-- /.row -->
<hr>
<!-- Call to Action Section -->
<div class="well">
<div class="row">
<div class="col-md-8">
<p>这是底线</p>
</div>
<div class="col-md-4">
<a class="btn btn-lg btn-default btn-block" href="">联系我</a>
</div>
</div>
</div>
<hr>
</div>
<footer>
<div class="row">
<div class="col-lg-12">
<p>Copyright © Jason.Bai 2016</p>
</div>
</div>
</footer>
<script type="text/javascript" src="assets/js/lib/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/lib/bootstrap.min.js"></script>
<!--[if lte IE 9]>
<script src="assets/js/lib/jquery.placeholder.min.js"></script>
<![endif]-->
<script src="assets/js/lib/require.min.js"></script>
<script src="assets/js/homepage.js"></script>
</body>
</html>