-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
452 lines (417 loc) · 20.6 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
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"
xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="blog,zdk的博客，blog">
<meta name=”keyword” content="博客，blog，zdk，dchao">
<meta name="author" content="zdk">
<link rel="icon" href="../../favicon.ico">
<title>与人为善&&教学相长</title>
<style>
#test {
position: fixed;
top: 15%;
padding-left: 0px;
padding-right: 15px;
}
#test div {
text-align: center;
}
</style>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/justified-nav.css" rel="stylesheet">
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/zdk_blog.js"></script>
</head>
<body>
<div class="container">
<!--导航栏-->
<div class="masthead">
<h3 class="text-muted"></h3>
<nav>
<ul class="nav nav-justified">
<li class="active"><a href="#">Home</a></li>
<li><a href="#recommend">文章列表</a></li>
<li><a href="#">Category</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</div>
<!--导航栏ended-->
</div>
<div class="container-fluid">
<div class="row">
<!--作者栏 开始-->
<div class="col-md-2">
<div id="test">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">ZDK</h3>
</div>
<div class="panel-heading">
<h3 class="panel-title">热爱编程……</h3>
</div>
<div class="panel-body">
<span class="label label-default">Tag:</span><br/>
<!-- <span class="label label-primary">Shipbuilding And Oceanography Engineering</span><br/>-->
<span class="label label-primary">船舶与海洋工程</span><br/>
<span class="label label-warning">房地产</span><br/>
<span class="label label-success">Jewelry</span><br/>
<span class="label label-success">JavaWeb</span><br/>
<span class="label label-success">大数据</span><br/>
</div>
<div class="panel-footer">
<!-- Button trigger modal -->
<button id="ds" type="button" class="btn btn-danger btn-lg" data-toggle="modal"
data-target="#myModal">
打赏
</button>
</div>
</div>
</div>
</div>
<!--作者栏 结束-->
<!--模态框-->
<!--打赏开始-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<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>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
<img src="img/翡翠佛.jpg" class="img-responsive" alt="翡翠佛">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!--打赏结束-->
<!--模态框结束-->
<!-- Jumbotron -->
<div class="col-md-8 ">
<div class="jumbotron ">
<div class="row ">
<!--右侧作者栏和网站说明 align-->
<!--carousel-->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<h1>WELCOME TO ZDK'Blog!</h1>
<div class="carousel-caption">
与人为善
</div>
</div>
<div class="item">
<h1>WELCOME TO My Blog!</h1>
<div class="carousel-caption">
教学相长
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button"
data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button"
data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!--carousel ended-->
<!--carousel结束-->
<!--网站说明-->
<p class="lead">
<ul class="list-group">
<li class="list-group-item">
<h4 class="list-group-item-heading">
与人为善&&教学相长
</h4>
</li>
<li class="list-group-item">
<h4 class="list-group-item-heading">
为了提高英语水平，
blog中能用英语的地方会尽量使用英语，因为平日能练习英语的场景太少了
</h4>
</li>
<li class="list-group-item">
<h4 class="list-group-item-heading">
绝大多数情况下，多人共同求解的效率大于个人摸索，
如果大家有啥问题或者疑问，可以通过留言 || email || 微信的方式联系我，或许对话提供的灵感就能解决一个疑惑
</h4>
</li>
<li class="list-group-item">
<h4 class="list-group-item-heading">
为什么不用markdown？</br>
虽然md有现成的blog 解决方案，但实在接受不了md的手动标题系统；段落之间的间距过大，调整起来麻烦；对表格、图片极其的不友好。</br>
个人觉得md适合写普通的非技术文章，适合移动端。
但如果写严肃的、篇幅较长、结构严谨复杂的技术文章甚至是学术论文，word完善的生态系统，对文字处理市场的垄断，口碑，强大的功能都完爆md。
</h4>
</li>
</ul>
</p>
<p><a class="btn btn-lg btn-success" href="#recommend" role="button">直接进入文章页面</a></p>
<!--网站说明ended-->
<!--右侧作者栏和网站说明align ended -->
</div>
</div>
</div>
<!-- Jumbotron 结束-->
</div>
</div>
<div class="container" id="recommend">
<!-- 文章推荐模块 -->
<hr/>
<h2 style="color: chocolate">置顶：</h2>
<!-- <div class="row">-->
<!-- <div class="col-lg-4 recommend-block">-->
<!-- <h2>曝光一个废物无耻骗子：财信证券南宁分理处的戴剑波</h2>-->
<!-- <p class="text-primary">曝光一个废物无耻骗子：财信证券南宁分理处的戴剑波</p>-->
<!-- <p><a class="btn btn-primary viewDetails" href="#" role="button" id="other1">View details »</a></p>-->
<!-- </div>-->
<!-- </div>-->
<div class="row">
<div class="col-lg-4 recommend-block">
<h2>Confused Words Of Coding</h2>
<p class="text-primary">coding过程中遇到的一些易混淆的words</p>
<p><a class="btn btn-primary viewDetails" href="#" role="button" id="cwoc">View details »</a></p>
</div>
</div>
<hr/>
<h2>推荐文章：</h2>
<!--大数据-->
<div class="row">
<div class="col-lg-4 recommend-block">
<h2>spark源码分析4-任务调度.html</h2>
<p class="text-danger">
spark源码分析-任务调度.html
</p>
<p><a class="btn btn-primary viewDetails" href="#" role="button" id="articleSpark4">View details »</a>
</p>
</div>
<div class="col-lg-4 recommend-block">
<h2>kafka同SparkStreaming的整合</h2>
<p class="text-danger">
kafka同SparkStreaming的整合，要点:</br>
1.版本匹配和2种模式的优缺点</br>
2.API：如何导依赖，创建DStream对象，获取RDD消费的topic、partition、offset信息，根据上次消费的offset创建DStream
</p>
<p><a class="btn btn-primary viewDetails" href="#" role="button" id="articleKafkaSparkStreaming">View details »</a>
</p>
</div>
<div class="col-lg-4 recommend-block">
<h2>手写代码练习</h2>
<p class="text-danger">
手写代码是程序员手艺的体现，必须重视起来
</p>
<p><a class="btn btn-primary viewDetails" href="#" role="button" id="articleCoding">View details »</a>
</p>
</div>
</div>
<div class="row">
<div class="col-lg-4 recommend-block">
<h2>spark源码分析3-资源调度</h2>
<p class="text-danger">
spark源码分析-资源调度，driver的TS向master申请资源
</p>
<p><a class="btn btn-primary viewDetails" href="#" role="button" id="articleSpark3">View details »</a>
</p>
</div>
<div class="col-lg-4 recommend-block">
<h2>spark源码分析2-client提交sparkApp</h2>
<p class="text-danger">
spark源码分析-client提交sparkApp
</p>
<p><a class="btn btn-primary viewDetails" href="#" role="button" id="articleSpark2">View details »</a>
</p>
</div>
<div class="col-lg-4 recommend-block">
<h2>spark源码分析1-集群启动</h2>
<p class="text-danger">
spark源码分析-集群启动
</p>
<p><a class="btn btn-primary viewDetails" href="#" role="button" id="articleSpark1">View details »</a>
</p>
</div>
</div>
<hr/>
<div class="row">
<div class="col-lg-4 recommend-block">
<h2>hive的窗口函数、排名函数、lve</h2>
<p class="text-danger">
这3个函数在大数据分析中很常用
</p>
<p><a class="btn btn-primary viewDetails" href="#" role="button" id="articleHive">View details »</a>
</p>
</div>
<div class="col-lg-4 recommend-block">
<h2>hive调优</h2>
<p class="text-danger">
调优的主要目的防止数据倾斜，均匀利用分布式资源
</p>
<p><a class="btn btn-primary viewDetails" href="#" role="button" id="articleHiveTY">View details »</a>
</p>
</div>
<div class="col-lg-4 recommend-block">
<h2>hdfs存储原理和读写流程</h2>
<p class="text-danger">
hdfs最重要的2个原理，存储原理和读写流程。网上的往往都不全，自己整合了一下
</p>
<p><a class="btn btn-primary viewDetails" href="#" role="button" id="articleHDFS1">View details »</a>
</p>
</div>
</div>
<hr/>
<div class="row">
<div class="col-lg-4 recommend-block">
<h2>hadoop集群非HA非安全模式的搭建</h2>
<p class="text-danger">
hadoop集群搭建的完整总结</br>
关于虚拟机的创建在:<a href="http://www.daichao.site/html/克隆模板虚拟机的设置_0/克隆模板虚拟机的设置_0.html">模板虚拟机的设置</a></br>
包括单节点、pseudo、完全分布式的搭建</br>
包括日志历史服务器，ssh配置，时间同步，初始化，启动</br>
不包括安全模式和HA的设置，在另一篇文章:<a href="http://www.daichao.site/html/hadoopHA的搭建_0/hadoopHA的搭建_0.html">hadoopHA的搭建</a></br>
</p>
<p><a class="btn btn-primary viewDetails" href="#" role="button" id="articleHadoopBuild">View details »</a>
</p>
</div>
<div class="col-lg-4 recommend-block">
<h2>克隆模板虚拟机的设置</h2>
<p class="text-danger">
创建已经做好基本配置的虚拟机，用来被克隆:</br>
网络、必要的软件(jdk、hadoop)、chkconfig、用户创建权限设置、rsync脚本
</p>
<p><a class="btn btn-primary viewDetails" href="#" role="button" id="articleVMStandard">View details »</a>
</p>
</div>
</div>
<hr/>
<div class="row">
<div class="col-lg-4 recommend-block">
<h2>hadoopHA的搭建</h2>
<p class="text-danger">hadoop的HA分为hdfs的和yarn的</br>
</p>
<p><a class="btn btn-primary viewDetails" href="#" role="button" id="articleHadoopHA">View details »</a>
</p>
</div>
<div class="col-lg-4 recommend-block">
<h2>pageRank的研究和case</h2>
<p class="text-danger">google的pageRank算法的来源、背景、原理和基于mapreduce的实现进行了详细的分析，提供代码，有详尽的注释</br>
<a href="https://github.com/zdkzdk/simple_function_exercise/tree/master/mapreduce_examples/pagerank">
<h3>代码位置</h3></a>
</p>
<p><a class="btn btn-primary viewDetails" href="#" role="button" id="articlePR">View details »</a>
</p>
</div>
<div class="col-lg-4 recommend-block">
<h2>对hadoop官方文档中完全分布式搭建和HA部分的翻译</h2>
<p class="text-danger">官方文档中的描述实际上比百度上绝大多数的博客写的要好，很全面，所以把集群配置、安全模式、HA部分翻译一下</p>
<p><a class="btn btn-primary viewDetails" href="#" role="button" id="articleTran">View details »</a>
</p>
</div>
</div>
<hr/>
<!--javaweb文章-->
<div class="row">
<div class="col-lg-4 recommend-block">
<h2>SpringdataJPA</h2>
<p class="text-danger">SpringdataJPA</p>
<p>
Spring Data是spring-based的持久层框架，下面有10多个子项目，包括hbase、redis。在跟DB的交互中，
Spring Data JPA算是除了Mybatis外最常用的了，很适合EE的开发场景
</p>
<p><a class="btn btn-primary viewDetails" href="#" role="button" id="articleSpringdataJPA">View details
»</a></p>
</div>
<div class="col-lg-4 recommend-block">
<h2>Rest&Restful</h2>
<p class="text-danger">
rest、restful我刚开始学web开发的时候就听说过，记得那时候就搞不清楚。表现层状态转移？？？一切皆资源？？？动词、名词？？？
看了很多文章还是不懂，不过因为属于架构层面的概念性的知识，倒没怎么影响实际工作。今天又想起来，根据这两年的体会，做个总结
</p>
<p><a class="btn btn-primary viewDetails" href="#" role="button" id="articleRest_Restful">View details
»</a></p>
</div>
</div>
<hr/>
<div class="row">
<!-- <div class="col-lg-4 recommend-block">
<h2>前端框架技术栈的选择</h2>
<p class="text-danger">前端框架技术栈的选择</p>
<p>
</p>
<p><a class="btn btn-primary viewDetails" href="#" role="button" id="articleFrontSel">View details
»</a></p>
</div>-->
<div class="col-lg-4 recommend-block">
<h2>java中的时间处理</h2>
<p class="text-danger">时间处理是java开发中经常遇到的操作，尤其是跟DB交互过程中，有时真的磨人。1.8后出了新的API，好用了很多。</p>
<p>
1. 1.8前后的时间API分开介绍 </br>
2. 从理解、usage、转换、实战的角度研究
</p>
<p><a class="btn btn-primary viewDetails" href="#" role="button" id="articleDateHandle">View details
»</a></p>
</div>
<div class="col-lg-4 recommend-block">
<h2>微信开发</h2>
<p class="text-danger">微信小程序、公众号、微网页、小游戏</p>
<p>
<a href="https://github.com/zdkzdk/wechatlearn"><h3>git仓库位置</h3></a>
搭建，调用api
</p>
<p><a class="btn btn-primary viewDetails" href="#" role="button" id="articleWechatDev">View details
»</a></p>
</div>
</div>
<hr/>
<div class="row">
<div class="col-lg-4 recommend-block">
<h2>web中的分页研究</h2>
<p class="text-danger">本文阐述了作者对分页的理解，套用OOP按功能设计的思想，将分页划分为分页逻辑，页面设计，数据封装，Model层实现，sql编写5部分。并逐一进行分析。</p>
<p>
分析按照src(功能的场景和意义)，comprehending(理解，用已有知识解释并落实到场景中)，usage(使用，API的学习)进行划分
</p>
<p><a class="btn btn-primary viewDetails" href="#" role="button" id="article1">View details »</a>
</p>
</div>
<div class="col-lg-4 recommend-block" style="height: 300px;">
<h2>Heading</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor
mauris
condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis
euismod. Donec sed odio dui. </p>
<p><a class="btn btn-primary viewDetails" href="#" role="button" id="article2">View details »</a>
</p>
</div>
</div>
</div>
<!-- Site footer -->
<footer class="footer">
<p>© 2019 ZDK, Inc.</p>
</footer>
<!-- Site footer ended-->
</div>
</body>
</html>