-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
832 lines (475 loc) · 26.9 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
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
<!DOCTYPE html>
<html>
<head>
<!-- Baidu Tongji -->
<script>var _hmt = _hmt || []</script>
<script async src="//hm.baidu.com/hm.js?55393b3d866db991db75bbdbd0edf84f"></script>
<!-- End Baidu Tongji -->
<meta charset="utf-8">
<title>朱小杰 | 朱小杰的个人博客</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="theme-color" content="#3F51B5">
<meta name="keywords" content="">
<meta name="description" content="朱小杰的个人博客">
<meta property="og:type" content="website">
<meta property="og:title" content="朱小杰">
<meta property="og:url" content="http://blog.xiaojiezhu/index.html">
<meta property="og:site_name" content="朱小杰">
<meta property="og:description" content="朱小杰的个人博客">
<meta property="og:locale" content="zh-CN">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="朱小杰">
<meta name="twitter:description" content="朱小杰的个人博客">
<link rel="alternate" type="application/atom+xml" title="朱小杰" href="/atom.xml">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" href="//unpkg.com/hexo-theme-material-indigo@latest/css/style.css">
<script>window.lazyScripts=[]</script>
<!-- custom head -->
</head>
<body>
<div id="loading" class="active"></div>
<aside id="menu" >
<div class="inner flex-row-vertical">
<a href="javascript:;" class="header-icon waves-effect waves-circle waves-light" id="menu-off">
<i class="icon icon-lg icon-close"></i>
</a>
<div class="brand-wrap" style="background-image:url(/img/brand.jpg)">
<div class="brand">
<a href="/" class="avatar waves-effect waves-circle waves-light">
<img src="/img/avatar.jpg">
</a>
<hgroup class="introduce">
<h5 class="nickname">朱小杰</h5>
</hgroup>
</div>
</div>
<div class="scroll-wrap flex-col">
<ul class="nav">
<li class="waves-block waves-effect active">
<a href="/" >
<i class="icon icon-lg icon-home"></i>
主页
</a>
</li>
<li class="waves-block waves-effect">
<a href="/archives" >
<i class="icon icon-lg icon-archives"></i>
历史文章
</a>
</li>
<li class="waves-block waves-effect">
<a href="/tags" >
<i class="icon icon-lg icon-tags"></i>
标签
</a>
</li>
<li class="waves-block waves-effect">
<a href="/categories" >
<i class="icon icon-lg icon-th-list"></i>
类别
</a>
</li>
<li class="waves-block waves-effect">
<a href="https://github.com/yscoder" target="_blank" >
<i class="icon icon-lg icon-github"></i>
Github
</a>
</li>
<li class="waves-block waves-effect">
<a href="http://www.weibo.com/ysweb" target="_blank" >
<i class="icon icon-lg icon-weibo"></i>
Weibo
</a>
</li>
<li class="waves-block waves-effect">
<a href="/custom" >
<i class="icon icon-lg icon-link"></i>
测试
</a>
</li>
</ul>
</div>
</div>
</aside>
<main id="main">
<header class="top-header" id="header">
<div class="flex-row">
<a href="javascript:;" class="header-icon waves-effect waves-circle waves-light on" id="menu-toggle">
<i class="icon icon-lg icon-navicon"></i>
</a>
<div class="flex-col header-title ellipsis">朱小杰</div>
<div class="search-wrap" id="search-wrap">
<a href="javascript:;" class="header-icon waves-effect waves-circle waves-light" id="back">
<i class="icon icon-lg icon-chevron-left"></i>
</a>
<input type="text" id="key" class="search-input" autocomplete="off" placeholder="输入感兴趣的关键字">
<a href="javascript:;" class="header-icon waves-effect waves-circle waves-light" id="search">
<i class="icon icon-lg icon-search"></i>
</a>
</div>
<a href="javascript:;" class="header-icon waves-effect waves-circle waves-light" id="menuShare">
<i class="icon icon-lg icon-share-alt"></i>
</a>
</div>
</header>
<header class="content-header index-header">
<div class="container fade-scale">
<h1 class="title">朱小杰</h1>
<h5 class="subtitle">
朱小杰的个人博客
</h5>
</div>
</header>
<div class="container body-wrap">
<ul class="post-list">
<li class="post-list-item fade">
<article id="post-spring修改controller返回值，HandlerMethodReturnValueHandler"
class="article-card article-type-post" itemprop="blogPost">
<div class="post-meta">
<time class="post-time" title="2017-11-24 22:40:53" datetime="2017-11-24T14:40:53.000Z" itemprop="datePublished">2017-11-24</time>
<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/java/">java</a><ul class="article-category-list-child"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/java/springmvc/">springmvc</a></li></ul></li></ul>
</div>
<h3 class="post-title" itemprop="name">
<a class="post-title-link" href="/2017/11/24/spring修改controller返回值，HandlerMethodReturnValueHandler/">spring修改controller返回值，HandlerMethodReturnValueHandler</a>
</h3>
<div class="post-content" id="post-content" itemprop="postContent">
产景分析spring自带的ResponseBody已经很好用了，但是还是有一些特殊情况不能满足，比如修改controller中的返回值
这个需求看上去可能有点奇怪，为什么要修改controller中的返回值呢，毕竟返回值是程序员设置好的，框架为什么要去修改它呢？
其实应用场景是有的。当我们定义一套标准的传输格式的时候，比如是这样的格式{ code : 0, msg ...
<a href="/2017/11/24/spring修改controller返回值，HandlerMethodReturnValueHandler/" class="post-more waves-effect waves-button">
阅读全文…
</a>
</div>
<div class="post-footer">
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/源码/">源码</a></li></ul>
</div>
</article>
</li>
<li class="post-list-item fade">
<article id="post-rdd的操作"
class="article-card article-type-post" itemprop="blogPost">
<div class="post-meta">
<time class="post-time" title="2017-11-23 00:01:32" datetime="2017-11-22T16:01:32.000Z" itemprop="datePublished">2017-11-23</time>
<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/spark/">spark</a><ul class="article-category-list-child"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/spark/大数据/">大数据</a></li></ul></li></ul>
</div>
<h3 class="post-title" itemprop="name">
<a class="post-title-link" href="/2017/11/23/rdd的操作/">rdd的操作</a>
</h3>
<div class="post-content" id="post-content" itemprop="postContent">
rdd是spark数据集合的操作对象，它有很多操作方法
转化操作再次要调试的是转化操作转换出来的rdd都是惰性的，只有第一次实际操作的时候，才会具体计算
过滤出满足条件的数据filter()
<a href="/2017/11/23/rdd的操作/" class="post-more waves-effect waves-button">
阅读全文…
</a>
</div>
<div class="post-footer">
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/rdd/">rdd</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/spark/">spark</a></li></ul>
</div>
</article>
</li>
<li class="post-list-item fade">
<article id="post-rdd的创建"
class="article-card article-type-post" itemprop="blogPost">
<div class="post-meta">
<time class="post-time" title="2017-11-22 00:18:36" datetime="2017-11-21T16:18:36.000Z" itemprop="datePublished">2017-11-22</time>
<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/spark/">spark</a><ul class="article-category-list-child"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/spark/大数据/">大数据</a></li></ul></li></ul>
</div>
<h3 class="post-title" itemprop="name">
<a class="post-title-link" href="/2017/11/22/rdd的创建/">rdd的创建</a>
</h3>
<div class="post-content" id="post-content" itemprop="postContent">
什么是rdd在学习之前，有必要介绍一下，什么是rdd
spark中的rdd是一个不可变的分布式对象集合，每个rdd都会被分为多个区，这些分区运行在不同的spark集群的不同节点上，rdd里面可以包含java,python,scala的对象
rdd的操作
rdd的操作分为行动操作和转换操作，行动操作会计算rdd生成一个结果，比如读取某一行的数据，而转换操作，会生成一个新的rdd，比如我要过...
<a href="/2017/11/22/rdd的创建/" class="post-more waves-effect waves-button">
阅读全文…
</a>
</div>
<div class="post-footer">
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/rdd/">rdd</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/spark/">spark</a></li></ul>
</div>
</article>
</li>
<li class="post-list-item fade">
<article id="post-spark运行时的版本问题"
class="article-card article-type-post" itemprop="blogPost">
<div class="post-meta">
<time class="post-time" title="2017-11-19 23:00:43" datetime="2017-11-19T15:00:43.000Z" itemprop="datePublished">2017-11-19</time>
<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/spark/">spark</a></li></ul>
</div>
<h3 class="post-title" itemprop="name">
<a class="post-title-link" href="/2017/11/19/spark运行时的版本问题/">spark运行时的版本问题</a>
</h3>
<div class="post-content" id="post-content" itemprop="postContent">
第一次运行的时候，报了这样的一个错误Exception in thread "main" java.lang.NoSuchMethodError: scala.Predef$.refArrayOps([Ljava/lang/Object;)Lscala/collection/mutable/ArrayOps; at org.apache.spark.util.Utils$.getCallSi...
<a href="/2017/11/19/spark运行时的版本问题/" class="post-more waves-effect waves-button">
阅读全文…
</a>
</div>
<div class="post-footer">
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/spark问题/">spark问题</a></li></ul>
</div>
</article>
</li>
<li class="post-list-item fade">
<article id="post-spark的wordcount"
class="article-card article-type-post" itemprop="blogPost">
<div class="post-meta">
<time class="post-time" title="2017-11-19 20:52:49" datetime="2017-11-19T12:52:49.000Z" itemprop="datePublished">2017-11-19</time>
<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/spark/">spark</a><ul class="article-category-list-child"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/spark/大数据/">大数据</a></li></ul></li></ul>
</div>
<h3 class="post-title" itemprop="name">
<a class="post-title-link" href="/2017/11/19/spark的wordcount/">spark的wordcount</a>
</h3>
<div class="post-content" id="post-content" itemprop="postContent">
基本上学习大数据的第一个应用程序，都是一个wordcount程序，也就是统计一个文本里面出现的单词次数
第一个wordcount以英文单词来演示，因为中文是以词语来切分才会有意思，如果中文切分词语，又要用到分词技术，分词并不是本文的重点，如果想要了解中文分词，请参考作者的另一篇文章hadoop的wordcount，这里面有详细的中文分词，甚至统计了斗破苍穹这本小说哪些词语出现的最多，你们猜...
<a href="/2017/11/19/spark的wordcount/" class="post-more waves-effect waves-button">
阅读全文…
</a>
</div>
<div class="post-footer">
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/spark/">spark</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/大数据/">大数据</a></li></ul>
</div>
</article>
</li>
<li class="post-list-item fade">
<article id="post-在开发工具中编写spark代码"
class="article-card article-type-post" itemprop="blogPost">
<div class="post-meta">
<time class="post-time" title="2017-11-19 12:54:04" datetime="2017-11-19T04:54:04.000Z" itemprop="datePublished">2017-11-19</time>
<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/spark/">spark</a><ul class="article-category-list-child"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/spark/大数据/">大数据</a></li></ul></li></ul>
</div>
<h3 class="post-title" itemprop="name">
<a class="post-title-link" href="/2017/11/19/在开发工具中编写spark代码/">在开发工具中编写spark代码</a>
</h3>
<div class="post-content" id="post-content" itemprop="postContent">
我们编写spark代码时，肯定不会在shell中，我们都是在编译工具中操作的
使用MAVEN工程使用spark的API很简单，引入spark的依赖就好了<dependency> <groupId>org.apache.spark</groupId> <artifactId>spark-core_2.10</artifactId> &...
<a href="/2017/11/19/在开发工具中编写spark代码/" class="post-more waves-effect waves-button">
阅读全文…
</a>
</div>
<div class="post-footer">
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/spark/">spark</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/大数据/">大数据</a></li></ul>
</div>
</article>
</li>
<li class="post-list-item fade">
<article id="post-下载spark"
class="article-card article-type-post" itemprop="blogPost">
<div class="post-meta">
<time class="post-time" title="2017-11-19 11:50:29" datetime="2017-11-19T03:50:29.000Z" itemprop="datePublished">2017-11-19</time>
<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/spark/">spark</a><ul class="article-category-list-child"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/spark/大数据/">大数据</a></li></ul></li></ul>
</div>
<h3 class="post-title" itemprop="name">
<a class="post-title-link" href="/2017/11/19/下载spark/">下载spark</a>
</h3>
<div class="post-content" id="post-content" itemprop="postContent">
下载并使用spark
本章节仅仅是下载，并且介绍spark的目录，是普通安装模式，并不是集群模式，集群模式请参见spark集群模式安装
在官网下载spark的压缩包，或者从github中clone代码，然后自行编译。
解压出来有如下目录
bin 包含了可以和spark进行各种交互的shell
example 官网提供的一些示例，可以查看并学习它的API
conf spark的配置
jar...
<a href="/2017/11/19/下载spark/" class="post-more waves-effect waves-button">
阅读全文…
</a>
</div>
<div class="post-footer">
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/spark/">spark</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/大数据/">大数据</a></li></ul>
</div>
</article>
</li>
<li class="post-list-item fade">
<article id="post-spark介绍"
class="article-card article-type-post" itemprop="blogPost">
<div class="post-meta">
<time class="post-time" title="2017-11-19 10:50:13" datetime="2017-11-19T02:50:13.000Z" itemprop="datePublished">2017-11-19</time>
<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/spark/">spark</a><ul class="article-category-list-child"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/spark/大数据/">大数据</a></li></ul></li></ul>
</div>
<h3 class="post-title" itemprop="name">
<a class="post-title-link" href="/2017/11/19/spark介绍/">spark介绍</a>
</h3>
<div class="post-content" id="post-content" itemprop="postContent">
spark系列spark是什么spark是一个通用计算框架，包含了一整套的计算模型，以及布式式集群的资源调度
spark的特点与hadoop相比，spark在内存中计算，速度比hadoop快的多，便于进行交互式操作
spark提供了python,java,scala,sql的API,并且spark还能运行在hadoop集群
spark的组件
spark core
spark sql
sp...
<a href="/2017/11/19/spark介绍/" class="post-more waves-effect waves-button">
阅读全文…
</a>
</div>
<div class="post-footer">
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/spark/">spark</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/大数据/">大数据</a></li></ul>
</div>
</article>
</li>
<li class="post-list-item fade">
<article id="post-浏览器鼠标滚轮事件"
class="article-card article-type-post" itemprop="blogPost">
<div class="post-meta">
<time class="post-time" title="2017-11-18 23:47:42" datetime="2017-11-18T15:47:42.000Z" itemprop="datePublished">2017-11-18</time>
<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/前端/">前端</a></li></ul>
</div>
<h3 class="post-title" itemprop="name">
<a class="post-title-link" href="/2017/11/18/浏览器鼠标滚轮事件/">浏览器鼠标滚轮事件</a>
</h3>
<div class="post-content" id="post-content" itemprop="postContent">
监听浏览器的滚轮事件实现目标
监听鼠标滚轮事件
获取是向上滚动还是向下滚动
处理鼠标的连续滚动
笔者以谷歌浏览器亲试，谷歌内核的都可以火狐浏览器不行，ie浏览器也不行
1.实现鼠标滚轮事件window.onmousewheel = function(e){ console.log(e); if(e.deltaY > 0){ //向下 ...
<a href="/2017/11/18/浏览器鼠标滚轮事件/" class="post-more waves-effect waves-button">
阅读全文…
</a>
</div>
<div class="post-footer">
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/js/">js</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/事件/">事件</a></li></ul>
</div>
</article>
</li>
<li class="post-list-item fade">
<article id="post-writeblog"
class="article-card article-type-post" itemprop="blogPost">
<div class="post-meta">
<time class="post-time" title="2017-11-13 10:26:00" datetime="2017-11-13T02:26:00.000Z" itemprop="datePublished">2017-11-13</time>
<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/文章分类/">文章分类</a></li></ul>
</div>
<h3 class="post-title" itemprop="name">
<a class="post-title-link" href="/2017/11/13/writeblog/">第一篇文章</a>
</h3>
<div class="post-content" id="post-content" itemprop="postContent">
怎么写一篇博客呢你猜啊
<a href="/2017/11/13/writeblog/" class="post-more waves-effect waves-button">
阅读全文…
</a>
</div>
<div class="post-footer">
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/文章标签/">文章标签</a></li></ul>
</div>
</article>
</li>
</ul>
<nav id="page-nav">
<div class="inner">
<span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><a class="extend next" rel="next" href="/page/2/">下一页</a>
</div>
</nav>
</div>
<footer class="footer">
<div class="top">
<p>
<span id="busuanzi_container_site_uv" style='display:none'>
站点总访客数：<span id="busuanzi_value_site_uv"></span>
</span>
<span id="busuanzi_container_site_pv" style='display:none'>
站点总访问量：<span id="busuanzi_value_site_pv"></span>
</span>
</p>
<p>
<span><a href="/atom.xml" target="_blank" class="rss" title="rss"><i class="icon icon-lg icon-rss"></i></a></span>
<span>博客内容遵循 <a rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh">知识共享 署名 - 非商业性 - 相同方式共享 4.0 国际协议</a></span>
</p>
</div>
<div class="bottom">
<p><span>朱小杰 © 2017</span>
<span>
Power by <a href="http://hexo.io/" target="_blank">Hexo</a> Theme <a href="https://github.com/yscoder/hexo-theme-indigo" target="_blank">indigo</a>
</span>
</p>
</div>
</footer>
</main>
<div class="mask" id="mask"></div>
<a href="javascript:;" id="gotop" class="waves-effect waves-circle waves-light"><span class="icon icon-lg icon-chevron-up"></span></a>
<div class="global-share" id="globalShare">
<ul class="reset share-icons">
<li>
<a class="weibo share-sns" target="_blank" href="http://service.weibo.com/share/share.php?url=http://blog.xiaojiezhu/&title=朱小杰&pic=http://blog.xiaojiezhu/img/avatar.jpg" data-title="微博">
<i class="icon icon-weibo"></i>
</a>
</li>
<li>
<a class="weixin share-sns wxFab" href="javascript:;" data-title="微信">
<i class="icon icon-weixin"></i>
</a>
</li>
<li>
<a class="qq share-sns" target="_blank" href="http://connect.qq.com/widget/shareqq/index.html?url=http://blog.xiaojiezhu/&title=朱小杰&source=朱小杰的个人博客" data-title=" QQ">
<i class="icon icon-qq"></i>
</a>
</li>
<li>
<a class="facebook share-sns" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http://blog.xiaojiezhu/" data-title=" Facebook">
<i class="icon icon-facebook"></i>
</a>
</li>
<li>
<a class="twitter share-sns" target="_blank" href="https://twitter.com/intent/tweet?text=朱小杰&url=http://blog.xiaojiezhu/&via=http://blog.xiaojiezhu" data-title=" Twitter">
<i class="icon icon-twitter"></i>
</a>
</li>
<li>
<a class="google share-sns" target="_blank" href="https://plus.google.com/share?url=http://blog.xiaojiezhu/" data-title=" Google+">
<i class="icon icon-google-plus"></i>
</a>
</li>
</ul>
</div>
<div class="page-modal wx-share" id="wxShare">
<a class="close" href="javascript:;"><i class="icon icon-close"></i></a>
<p>扫一扫，分享到微信</p>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAAAAAAZai4+AAABUklEQVR42u3auxLDIAxEUf7/p50ZV2kQuxIURpfK43HMcQq0PMaQ2/O2/+tZmz0zTjRYsC5iud3ses+CDgtWS5YyKMSI2QfE75nehwULVlie41/N6LBgwdrLckGwYMHSWUrYzQ0Ex7M8LFhXsHILSbnr4+tbsGB9kPWUm17yjXfCgtWM5YZjt+O4kC8GEViw2rCU7RM9/iplXirksGA1ZlVyd/xJNh0WrPasSpe55aFplocFqxmrUrD1D9BDNixYPVn6QKAQc6xklocF6wqWW55zUThHhwWrD8vtXkdUojYsWN1YbiwudWAeGIIFqw8rdxRA2WLJPVM6oQAL1mdZ7vaJu/2pT3dhwYKlDwr6fWW6u/ifYMFqyYrv61PTXYcVYMGC5W697JrWSgeAYMFqz6rH5SOlGhasi1i50Fwp1ca5JFiwGrDchaQcMTmJhQXrftYPrI1z240HdeAAAAAASUVORK5CYII=" alt="微信分享二维码">
</div>
<script src="//cdn.bootcss.com/node-waves/0.7.4/waves.min.js"></script>
<script>
var BLOG = { ROOT: '/', SHARE: true, REWARD: false };
</script>
<script src="//unpkg.com/hexo-theme-material-indigo@latest/js/main.min.js"></script>
<div class="search-panel" id="search-panel">
<ul class="search-result" id="search-result"></ul>
</div>
<template id="search-tpl">
<li class="item">
<a href="{path}" class="waves-block waves-effect">
<div class="title ellipsis" title="{title}">{title}</div>
<div class="flex-row flex-middle">
<div class="tags ellipsis">
{tags}
</div>
<time class="flex-col time">{date}</time>
</div>
</a>
</li>
</template>
<script src="//unpkg.com/hexo-theme-material-indigo@latest/js/search.min.js" async></script>
<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<script>
(function() {
var OriginTitile = document.title, titleTime;
document.addEventListener('visibilitychange', function() {
if (document.hidden) {
document.title = '朱小杰';
clearTimeout(titleTime);
} else {
document.title = '朱小杰';
titleTime = setTimeout(function() {
document.title = OriginTitile;
},2000);
}
});
})();
</script>
</body>
</html>