-
Notifications
You must be signed in to change notification settings - Fork 0
/
videodemo.html
1025 lines (969 loc) · 88.4 KB
/
videodemo.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
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html>
<head>
<title>Insect</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width">
<meta name="description" content="web开发，原创，想法，idea，个人博客">
<meta name="keyword" content="leejie123,leejie,blog,develop,introduce,guangzhou">
<meta name="author" content="liduanjie">
<meta name="robots" content="all">
<link rel="stylesheet" type="text/css" href="css/bigvideo.css">
<!-- family = xxx 是为什么 -->
<link rel="stylesheet" type="text/css" href="css/css.css?family=Source+Sans+Pro:900&text=ABCDEFGHIJKLMNOPQRSTUVWXYZ">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/modernizr-2.5.3.min.js"></script>
<!-- 卷轴 -->
<link rel="stylesheet" rev="stylesheet" type="text/css" media="all" href="css/in1.css" />
<style type="text/css">
/*reset*/
.nav {
z-index: 0;
}
.map_all {
top: -72px;
}
.badge {
display:inline-block;
background-color: #ddd;
margin-right:10px;
padding: 8px;
font-size: 14px;
color:rgba(0,0,0,.6);
}
.intro {
display:none;
}
input+div{
display: none;
}
input:checked+div{
display: block!important;
}
.vjs-tech {
background-color: #000;
}
.nav > ul > li >label {
cursor: pointer;
}
.pro-item {
cursor: pointer;
}
/*.pro-item:before {
content: '';
display: inline-block;
width: 18px;
height: 18px;
background-image: url('img/right.png');
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin-right: 8px;
vertical-align: middle;
}*/
.clock {
content: '';
display: inline-block;
width: 18px;
height: 18px;
background-image: url('img/clock.png');
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin-right: 3px;
vertical-align: middle;
margin-top: -2px;
}
p.divider {
text-align: center;
}
p.divider:before {
content: '-----------------------------';
letter-spacing: 3px;
font-weight: normal;
margin-right: 10px;
margin-top: -2px;
}
p.divider:after {
content: '-----------------------------';
letter-spacing: 3px;
font-weight: normal;
margin-left: 10px;
margin-top: -2px;
}
.lifeSong > li {
list-style: none;
}
.lifeSong > li:before {
content: attr(data-title);
border-radius: 1px solid orange;
border-radius: 3px;
height: 24px;
line-height: 24px;
margin-right: 10px;
color: orange;
display: inline-block;
}
</style>
</head>
<body ng-controller="jy-videoDemo">
<div class="nav box">
<ul class="video-list">
<li><label for="xxx" class="">我的简历</label></li>
<li><label for="projects" class="">我的项目</label></li>
<li><label for="planning" class="">我的计划</label></li>
<!-- <li><label for="selfEsteem" class="">自我评价</label></li> -->
<!-- <li><label for="books" class="">阳春白雪</label></li> -->
<!-- <li><label for="books" class="" alt="ScienceLab 当真正的自然科学被营销和强人眼球的节目秀玩坏的时候，可以有投票啊等的活动，草根眼中的东西，草根想法。">实验室</label></li> -->
<!-- <li><label for="billionwhys" class="">十万个为什么</label></li> -->
<!-- <li><label for="culture" class="">关于文化</label></li> -->
<!-- <li><label for="everyDayQuote" class="" title="对世界的一点看法·视界">每日名言·立言</label></li> -->
<!-- <li><label for="lifeSong" class="" title="lifeSong">年轻的基 调</label></li> -->
<!-- <li><label for="planning" class="" title="之所以起这个名字，是因为计划对于个人素养的构建还是有一定重要性的">千里之堤</label></li> -->
<!-- <li><a href="technologyBlog.html">TB</a></li> -->
<!-- <li><a href="technologyBlog.html" data-type="building">时间轴</a></li> -->
<!-- <li><a href="technologyBlog.html" title="基于GIS的个人信息系统" data-type="building">Personal</a></li> -->
<!-- <li><a href="technologyBlog.html" title="分析所有" data-type="building">analyse</a></li> -->
<!-- <li><a href="technologyBlog.html">htmlStory</a></li> -->
<!-- <li><a href="technologyBlog.html" title="有什么东西令你感动呢？你你世界观和价值观是怎样的呢？我觉得如果你说出来可能会有很多人反驳你，但是因为你是独立的，所以你所说的都有价值">topice</a></li> -->
</ul>
<br>
<ul class="video-list">
<li><a href="img/dock.mp4" class="playlist-btn">Endless #1</a></li>
<li><a href="img/river.mp4" class="playlist-btn">Struggle #2</a></li>
<li><a href="img/frontier.mp4" class="playlist-btn">Success #3</a></li>
</ul>
</div>
<div class="main">
<div class="box" style="display:none;"><a href="introduction-2016-10-14.pdf">download introduction</a></div>
<!-- about website -->
<!-- <div class="box">
<p>本来呢，这网站是没有名字的，后来想想，还是改一个吧。就叫“昆虫”把，外国的一些黑客在吃一盒薯片，或者拿一双袜子的时候，就把在技术界有名的东西起名成为这手边的玩意儿，所以，延续这种黑客精神，从此这网站就叫Insect(别称：小人物)。昆虫虽然渺小，但很顽强，生命力很旺盛。</p>
<p>这里是一个人的舞台，心灵在这个舞台上飞翔。李嘉诚说，他一天只有一个小时打高尔夫的时间是属于他自己的。属于自己的时间真的很少呢，哪里是心灵可以飞翔的地方，哪里就是归属了。</p>
</div> -->
<!-- books -->
<input type="checkbox" name="" id="books" style="display:none;">
<div class="box" style="display:none;">
<q>其实我喜欢看书啦，但是看了，又忘记了把书摘保存下来，也不能分享，也是个麻烦问题。就摘在这里，自己看得开心。</q>
<p><b>web信息架构</b> <small>sfisdfsd</small></p>
</div>
<!-- culture -->
<input type="checkbox" name="" id="culture" style="display:none;">
<div class="box" style="display:none;">
<q>·潮汕文化 ·人文 ·自然科学 ·豆瓣小组 ·</q>
<p></p>
</div>
<!-- robot-beta -->
<input type="checkbox" name="robot" checked="checked" id="robot" style="display:none">
<div class="box">
<a href="projects/robot/robot.html">Robot</a>
</div>
<!-- lifesong -->
<input type="checkbox" name="" id="lifeSong" style="display:none">
<div class="box" style="display:none">
<q>不妨选一首歌作为自己的基调</q>
<ul class="lifeSong">
<li data-title="年轻真好">飞 -朱晔</li>
</ul>
</div>
<!-- introduce -->
<input id="xxx" type="checkbox" checked="checked" style="display:none;">
<div id="introduction" class="box" style="display:none">
<h1>个人简历<BR/><span class="dimmed">PERSONAL-INTRODUCTION</span></h1>
<br>
<h2><span class="badge">tags</span>探索新事物·英语·创造·设计</h2>
<p>【 探索新事物 】不具备好奇心的程序员不是好的程序员。刚开始入门这一行的时候可能觉得it这一行十分新鲜；真正学习到了构建网站的时候，会发现，原来代码的世界是如此elegent；到后来看看github等，发现网上有很多神人。不仅能够用很多工具，而且做到了另外的一个level。走在it这条路上，收获不少，但是永远也不知道前面会突然出现怎样高手，在完成他的绝世之作。</p>
<p>【 英语 】语言绝对是打开世界大门的钥匙，比如说英语。在编程中，没有比英语更好的朋友了。在编程中，“英语”就像老朋友一样。你永远不会感到孤单，英语会给你这种熟悉的感觉，这种感觉非常好。进而，会慢慢喜欢上编程。</p>
<p>【 创造 】如果只是学习而不会创造，那么只是代码的搬运工。作为一个传递世界的载体，必定是十分强大的工具。所以，学会如何灵活运用代码很重要。</p>
<p>【 设计 】理论上来讲，美学设计和程序员来说是无缘的。程序员只要注重代码写的elegent和程序的高级性（运用不同的技术手段）。但是作为一个前端，提高设计的眼界，如何让网站达到另外一个level，都是需要考虑到美学设计的。</p>
<p>【 CONCLUSION 】作为前端工程师，虽然具备以上的特质，但是可能还有其他的东西要学习，IT行业知识的更新是日新月异的。</p>
</div>
<!-- billionwhys -->
<input type="checkbox" style="display:none" id="billionwhys" name="">
<div class="box">
<q>人人都有十万个为什么，有的人找到貌似合理的答案，但是从别人身上得到的答案注定是错的，解铃还需系铃人，求人不如求己，自己去思考这些东东罢了。有的东西很简单，但是有的问题就像是下棋，入门很简单，但是要用一辈子去精通。</q>
<p>成功和失败</p>
<p>应该做什么</p>
<p>鉴别，分辨，判断，思考各种情况·</p>
<p>心无芥蒂，只有目标</p>
<p>成熟</p>
<p>成长</p>
<p>被肯定</p>
<p>做错了，或者没做错，要知心。当然啦，这个只有某些人才听得懂的</p>
<p>什么是天才</p>
<p>积累和沉淀</p>
<p>做过一次，就可以有下一次。</p>
<p>has ability to protect beloved from harm</p>
<p>to be brave, and eager for what you want.to be comfortable to stay with others.</p>
<p>有的时候，你欠缺的就是，等。</p>
<p>when you meet with conflict,can you confidently say that I look down on it? solve is an easy thing.</p>
<p>争取与，争取；出手，不出手；面对与不面对；to be or not to be, it's a question;生或死，这是个问题；矛盾</p>
<p>构思，淡定，专注</p>
<p>什么才叫失败？不敢面对，心存芥蒂</p>
<p>保留自己的想法，不做随便的人。</p>
<p><b>关于有意义的事情的思考</b></p>
<p>不同的地方，不同的思考，比如，在演讲的时候，不冷场。</p>
<ul>
<li>工具式或者是框架式的工作，可以在此基础上进行更加深入的开发。</li>
<li>做表情包，用工具实现出现实中有的，不过图像化，或者是电子化，可以重现场景。</li>
<li>流程化</li>
<li>把一个网站做成操作系统，真是不敢想象的事情呢。</li>
</ul>
<p>好好描画一下生活</p>
<p>随性，随缘</p>
<p>imagine and draw a life, or you don't have to imagine, you just taste it.</p>
<p>all the way , to be yourself</p>
<p>为什么管理后台是这个样子的？普遍答案都是：别人的都是这样子的。其实如果自己做出来，都可以做成很有想法的后台了。很多人用的，不一定是最好的，但是比较成熟。</p>
<p>当一个人的内心强大到足以抛弃自己的外表，那么他是成功的了。</p>
<p>对还是错，需要坚持自己内心的想法</p>
<p>成熟老练，对错自己判断。不要没有想法就去做自己的事情。</p>
<p>聋青蛙可以爬到井，因为他一直相信可以爬出去</p>
<p>知道差距在哪里，知道怎么去努力。兴趣爱好性格方面无可厚非，但是有的的东西还是要明白。</p>
<p>信仰</p>
<p>相信成功</p>
<p>努力变优秀，成熟。</p>
<p>人和社会，是个大学问。</p>
<p>听从内心的声音</p>
<p>运动是永恒，适用于所有。</p>
<p>看并模仿着</p>
<p>人之所以为人，就是因为能够发出自己的声音，留下自己的东西。当别人问你说，你在这一生中怎样做自己？你可能会回答，我为社会做出了多么大的贡献，帮助了多少人。换过了多少分工作。这些都不是重点，重点的是，是不是按照你心里的想法。如果不是，那么做了这么多，不是你自己。现在很多的媒体，也有很多声音，并且十分嘈杂。我不太喜欢那种声音。因为那种不是我想要的。那么去世界上找寻我想要的声音，如果找不到怎么办？自己制造好了。苏轼在文章中写道：浮游于天地，渺沧海之一书。</p>
<p>something in the wor.d</p>
<p>2016-9-26</p>
</div>
<!-- selfEsteem -->
<input type="checkbox" style="display:none;" id="selfEsteem" name="">
<div class="selfEsteem box" style="display:none;">
<p>这是成长之路/酸甜苦辣都要自己唱过才知/如果日子在幽默里过去/即使再痛苦/失败也是成功</p>
<span class="badage">脱离了低级趣味</span>
<span class="badage">即将脱离负能量</span>
<span class="badage">不按常理出牌</span>
<span class="badage">总是做错事，像个小孩。</span>
</div>
<!-- projects -->
<input type="checkbox" id="projects" checked="checked" style="display:none;">
<div class="projects box" style="display:none;">
<h1>个人项目</h1>
<p>项目概述</p>
<p>您也可以通过这个<a href="http://leejie123.github.io/leejie/formal/admin/html/login.html">更新</a> 查看最新更新的项目（测试用户名：visitor；测试密码：visitor）</p>
<p>由于时间问题，这个项目只有一部分功能，可以到timeline查看项目，不过项目的内容有些并未整理上传完成，所以还未开放。项目sjpt的项目可以查看。</p>
<p>最新项目 》》》》较旧项目</p>
<!-- pro -->
<label for="XPH">
<p class="pro-item"> <i class="clock"></i>2018.5 <b>XPH--基于html5的项目 【★★★★】</b></p>
</label>
<input id="XPH" type="checkbox" style="display:none;">
<div style="">
<p style="text-indent:2em;">【 项目介绍 】该项目是b2c的项目，分为小程序端和h5端</p>
<p style="text-indent:2em;">【 功能介绍 】登陆，注册，浏览商品，购买商品，商品的sku，购物车，微信支付，支付宝支付，有优惠券，等功能 </p>
<p style="text-indent:2em;">【 技术 】前端用mui,rem布局，vue，后台使用php</p>
</div>
<!-- pro -->
<label for="LH">
<p class="pro-item"> <i class="clock"></i>2016.4 <b>LH--基于html5的App项目 【★★★★】</b></p>
</label>
<input id="LH" type="checkbox" style="display:none;">
<div style="">
<p style="text-indent:2em;">【 项目介绍 】该项目是杂志发布平台，相当于<b>在线杂志<b/>。最后的效果是一个<b>app</b>，并且可以把app嵌入微信或者网站</p>
<p style="text-indent:2em;">【 功能介绍 】登陆，阅读杂志，评论，喜欢，分享，通知中心，社区，星会员级，关注等功能</p>
<p style="text-indent:2em;">【 技术 】ionic框架和angularjs框架作为技术骨架，用cordova打包成app</p>
<ul style="margin-left:2em;">
<li>您可以通过下面两个链接下载安装app 查看效果</li>
<!-- <li><a href="http://leejie123.github.io/leejie/projects/apk/LH-arm.apk">LH(arm)</a></li> -->
<!-- <li><a href="http://leejie123.github.io/leejie/projects/apk/LH-x86.apk">LH(x86版)</a></li> -->
<li>或者通过 <a href="https://yunpan.cn/cS7LeEg4FLTQh">网盘（访问密码 9aa6）</a></li>
<li>上面的版本只是测试版本，如果需要完全版本，请联系 <a href="mailto:1376342485@qq.com">liduanjie</a></li>
</ul>
</div>
<!-- pro -->
<label for="TPXT">
<p class="pro-item"> <i class="clock"></i>2016.4 <b>TPXT--基于nodejs的项目 【★★★★】</b></p>
</label>
<input id="LH" type="checkbox" style="display:none;">
<div style="">
<p style="text-indent:2em;">【 项目介绍 】该项目是投票系统，使用</p>
<p style="text-indent:2em;">【 功能介绍 】登陆，阅读杂志，评论，喜欢，分享，通知中心，社区，星会员级，关注等功能</p>
<p style="text-indent:2em;">【 技术 】ionic框架和angularjs框架作为技术骨架，用cordova打包成app</p>
<ul style="margin-left:2em;">
<li>您可以通过下面两个链接下载安装app 查看效果</li>
<li>或者通过 <a href="https://yunpan.cn/cS7LeEg4FLTQh">网盘（访问密码 9aa6）</a></li>
<li>上面的版本只是测试版本，如果需要完全版本，请联系 <a href="mailto:1376342485@qq.com">liduanjie</a></li>
</ul>
</div>
<!-- pro -->
<label for="TPXT">
<p class="pro-item"> <i class="clock"></i>2016.4 <b>TPXT--基于nodejs的项目 【★★★★】</b></p>
</label>
<input id="TPXT" type="checkbox" style="display:none;">
<div style="">
<p style="text-indent:2em;">【 项目介绍 】该项目是投票系统</p>
<p style="text-indent:2em;">【 功能介绍 】登陆，账户权限（超级管理员和管理员），html焕肤功能，</p>
<p style="text-indent:2em;">【 技术 】技术的实现上有nodejs，mongodb数据库,docker,短信阿里大于，socket等。 改版使用angularjs</p>
</div>
<!-- pro -->
<label for="contentMgr">
<p class="pro-item"><i class="clock"></i> 2016.4 <b>内容管理系统</b></p>
</label>
<input id="contentMgr" type="checkbox" style="display:none;">
<div style="display:none;">
<p style="text-indent:2em;">【 项目介绍 】该项目是第一个php项目，内容管理系统</p>
<p style="text-indent:2em;">【 技术 】用adodb框架和smarty模板，php语言写的后台管理系统</p>
<ul style="margin-left:2em;">
</ul>
</div>
<!-- pro -->
<label for="yiyuan-app">
<p class="pro-item"><i class="clock"></i>2016.3 <b>一元购app</b></p>
</label>
<input id="yiyuan-app" type="checkbox" style="display:none;">
<div style="display:none;">
<p style="text-indent:2em;">【 项目介绍 】该项目是一元购的手机app版本</p>
<p style="text-indent:2em;">【 技术 】这是一个hybride app，考虑到性能，这个app并没有用到框架，并且为一些问题考虑了解决方案，用phonegap打包html代码，用jsonp等的技术</p>
<ul style='margin-left:2em;'>
<li></li>
</ul>
</div>
<!-- pro -->
<label for="yiyuan">
<p class="pro-item"><i class="clock"></i>2016.2 <b>一元购项目重构</b> </p>
</label>
<input id="yiyuan" type="checkbox" style="display:none"/>
<div style="display:none;">
<p style="text-indent:2em;">【 项目介绍 】一元购手机版重构ui和部分功能</p>
<p style="text-indent:2em;">【 技术 】重新写过css组件和一些ajax功能</p>
<p style="text-indent:2em;">
<ul style="margin-left:2em;">
<li>微信公众号关注<b>野大豆科技</b>，OR<a href="">点击查看效果图</a></li>
<li><a href="codedemo.html#yiyuan">css组件部分代码</a></li>
<li>如果需要查看其他页面， </li>
</ul>
</p>
</div>
<!-- pro -->
<label for="yddpay">
<p class="pro-item"><b><i class="clock"></i>2014.12.12 ydd支付 </b></p>
</label>
<div>
<input id="yddpay" type="checkbox" style="display:none;"/>
<div style="display:none;">
<p style="text-indent:2em;">【 项目介绍 】该项目是ydd公司的一个支付后台，接入微信支付</p>
<p style="text-indent:2em;">【 技术 】用jquery和自定义一套css和js的组件</p>
<p style="text-indent: 2em;">【项目细节】
<ul style="margin-left:2em;">
<li><a href="https://liduanjie.gitbooks.io/ydd_pay/content/htmlstructer.html">前端文档</a></li>
<li><a href="">支付页面效果图</a></li>
<li>如果需要查看其他页面， </li>
</ul>
</p>
</div>
</div>
<!-- pro -->
<label for="ypt">
<p class="pro-item"><b><i class="clock"></i>2014.12.12 易跑腿 </b></p>
</label>
<input id="ypt" type="checkbox" style="display:none;"/>
<div style="display:none;">
<p style="text-indent:2em;">【 项目介绍 】该项目是送快递的手机应用，分快递员端和客户端</p>
<p style="text-indent:2em;">【 技术 】用framework7 和template7框架，接入高德地图api</p>
<p style="text-indent:2em">
<ul style="margin-left:2em;">
<li><a href="">支付页面效果图</a></li>
<li>如果需要查看其他页面， </li>
</ul>
</p>
</div>
<!-- pro -->
<label for="ng-ionic">
<p class="pro-item"><i class="clock"></i>2015.12 <b>angularionic项目</b> </p>
</label>
<input id="ng-ionic" type="checkbox" style="display:none;">
<div style="display:none;">
<p style="text-indent:2em;">【 项目介绍 】该项目是招聘网站的客户端</p>
<p style="text-indent:2em;">【 技术 】用angularjs和ionic 最新的技术来写的h5应用，性能和用户体验接近原生效果</p>
<p style="text-indent:2em;">
【项目细节】
<ul style='margin-left:2em;'>
<li><a href="">点击查看效果</a></li>
<li>如果需要查看其他页面， </li>
</ul>
</p>
</div>
<!-- pro -->
<label for="ymca">
<p class="pro-item"><i class="clock"></i>2013.3.23 <b>ymca</b></p>
</label>
<input id="ymca" type="checkbox" style="display: none;" />
<div style="display:none;">
<p style="text-indent:2em;">【 项目介绍 】沉香阁是做沉香，手链，佛珠的商城，风格比较淡雅自然;后来在商城中用discuz集成一个论坛</p>
<p style="text-indent:2em;">【 技术 】用jquery，ajax，kingeditor等技术构建商城</p>
<p style="text-indent: 2em;">
【项目细节】
<ul style="margin-left:2em;">
<li><a href="http://www.uooou.net/bbs/index.php">沉香阁论坛</a></li>
<li>您可以对比<a href="http://uooou.net"></a></li>
</ul>
</p>
</div>
<!-- pro -->
<label for="sxb">
<p class="pro-item"><i class="clock"></i>2013.3.23 <b>实习宝</b></p>
</label>
<input id="sxb" type="checkbox" style="display: none;" />
<div style="display:none;">
<p style="text-indent:2em;">【 项目介绍 】沉香阁是做沉香，手链，佛珠的商城，风格比较淡雅自然;后来在商城中用discuz集成一个论坛</p>
<p style="text-indent:2em;">【 技术 】用jquery，ajax，kingeditor等技术构建商城</p>
<p style="text-indent: 2em;">
【项目细节】
<ul style="margin-left:2em;">
<li><a href="http://www.uooou.net/bbs/index.php">沉香阁论坛</a></li>
<li>您可以对比<a href="http://uooou.net"></a></li>
</ul>
</p>
</div>
<!-- <div style="letter-spacing: 1em;color:#fff;margin:10px;">----divider----</div> -->
<!-- pro -->
<label for="zfsk">
<p class="pro-item"><i class="clock"></i>2015.8 <b>真房实客</b></p>
</label>
<input id="zfsk" type="checkbox" style="display: none;" />
<div style="display:none;">
<p style="text-indent:2em;">【 项目介绍 】沉香阁是做沉香，手链，佛珠的商城，风格比较淡雅自然;后来在商城中用discuz集成一个论坛</p>
<p style="text-indent:2em;">【 技术 】用jquery，ajax，kingeditor等技术构建商城</p>
<p style="text-indent: 2em;">
【项目细节】
<ul style="margin-left:2em;">
<li><a href="http://www.uooou.net/bbs/index.php">沉香阁论坛</a></li>
<li>您可以对比<a href="http://uooou.net"></a></li>
</ul>
</p>
</div>
<!-- pro -->
<label for="jcyd">
<p class="pro-item"><i class="clock"></i>2015.7 <b>聚财有道</b></p>
</label>
<input id="jcyd" type="checkbox" style="display: none;" />
<div style="display:none;">
<p style="text-indent:2em;">【 项目介绍 】聚财有道是一个股票，期货的网站</p>
<p style="text-indent:2em;">【 技术 】用jquery，和echarts做的股票网站</p>
<p style="text-indent: 2em;">
【项目细节】
<ul style="margin-left:2em;">
<li><a href="http://www.uooou.net/bbs/index.php">沉香阁论坛</a></li>
<li>您可以对比<a href="http://uooou.net"></a></li>
</ul>
</p>
</div>
<!-- pro -->
<label for="hy">
<p class="pro-item"><i class="clock"></i>2015.7 <b>灏毅</b></p>
</label>
<input id="hy" type="checkbox" style="display:none;" />
<div style="display:none;">
<p style="text-indent:2em;">【 项目介绍 】该项目是展示网站，是灏毅设计公司的一个网站，主要有公司和工程师，项目的介绍等</p>
<p style="text-indent:2em;">【 技术 】用jquery，ajax，kingeditor等技术构建商城</p>
<p style="text-indent: 2em;">
【项目细节】
<ul style="margin-left:2em;">
<li><a href="http://www.uooou.net/bbs/index.php">沉香阁论坛</a></li>
<li>您可以对比<a href="http://uooou.net"></a></li>
</ul>
</p>
</div>
<!-- pro -->
<label for="cxg">
<p class="pro-item"><i class="clock"></i>2015.6 <b>沉香阁</b></p>
</label>
<input id="cxg" type="checkbox" style="display: none;" />
<div style="display:none;">
<p style="text-indent:2em;">【 项目介绍 】沉香阁是做沉香，手链，佛珠的商城，风格比较淡雅自然;后来在商城中用discuz集成一个论坛</p>
<p style="text-indent:2em;">【 技术 】用jquery，ajax，kingeditor等技术构建商城</p>
<p style="text-indent: 2em;">
【项目细节】
<ul style="margin-left:2em;">
<li><a href="http://www.uooou.net/bbs/index.php">沉香阁论坛</a></li>
<li>您可以对比<a href="http://uooou.net"></a></li>
</ul>
</p>
</div>
<!-- pro -->
<label for="mdxsh">
<p class="pro-item"><i class="clock"></i>2015.6 <b>免单新生活</b></p>
</label>
<input id="mdxsh" type="checkbox" style="display: none;" />
<div style="display:none;">
<p style="text-indent:2em;">【 项目介绍 】免单新生活做的是手机版的html页面</p>
<p style="text-indent:2em;">【 技术 】主要是ui</p>
<p style="text-indent: 2em;">
【项目细节】
<ul style="margin-left:2em;">
</ul>
</p>
</div>
<!-- contact -->
<p>联系方式</p>
<ul>
<li>AUTHOR: liduanjie</li>
<li>邮箱：<a href="mailto:1376342485@qq.com">1376342485@qq.com</a> 或者
<a href="mailto:1376342485abc@gmail.com">1376342485abc@gmail.com</a>
</li>
<li>手机: <a href="">15112060248</a></li>
<li>facebook：<a href="https://www.facebook.com/liduanjie123">like me on facebook <b>:D</b></a></li>
</ul>
</div>
<!--planning-->
<input type="checkbox" id="planning" style="display: none;">
<div class="projects box" style="display: none;">
<h1>业余计划</h1>
<p>个人业余的项目</p>
<!-- pro -->
<label for="plan-1">
<p class="pro-item"> <i class="clock"></i><b>全栈最佳实践【★★★★】</b></p>
</label>
<input id="plan-1" type="checkbox" style="display:none;">
<div style="">
<p style="text-indent:2em;">【 项目时间 】待定</p>
<p style="text-indent:2em;">【 项目介绍 】</p>
<p style="text-indent:2em;">【 功能介绍 】</p>
<p style="text-indent:2em;">【 技术 】</p>
</div>
<!-- pro -->
<label for="plan-2">
<p class="pro-item"> <i class="clock"></i><b>搭建云平台paas，saas,iaas 【★★★★】</b></p>
</label>
<input id="plan-2" type="checkbox" style="display:none;">
<div style="">
<p style="text-indent:2em;">【 项目时间 】</p>
<p style="text-indent:2em;">【 项目介绍 】</p>
<p style="text-indent:2em;">【 功能介绍 】</p>
<p style="text-indent:2em;">【 技术 】</p>
</div>
<!-- pro -->
<label for="plan-3">
<p class="pro-item"> <i class="clock"></i><b>开发一部手机 【★★★★】</b></p>
</label>
<input id="plan-3" type="checkbox" style="display:none;">
<div style="">
<p style="text-indent:2em;">【 项目时间 】</p>
<p style="text-indent:2em;">【 项目介绍 】</p>
<p style="text-indent:2em;">【 功能介绍 】</p>
<p style="text-indent:2em;">【 技术 】</p>
</div>
<!-- pro -->
<label for="plan-4">
<p class="pro-item"> <i class="clock"></i><b>游戏开发【★★★★】</b></p>
</label>
<input id="plan-4" type="checkbox" style="display:none;">
<div style="">
<p style="text-indent:2em;">【 项目时间 】待定</p>
<p style="text-indent:2em;">【 项目介绍 】</p>
<p style="text-indent:2em;">【 功能介绍 】</p>
<p style="text-indent:2em;">【 技术 】</p>
</div>
<!-- pro -->
<label for="plan-5">
<p class="pro-item"> <i class="clock"></i><b>硬件编程【★★★★】</b></p>
</label>
<input id="plan-5" type="checkbox" style="display:none;">
<div style="">
<p style="text-indent:2em;">【 项目时间 】待定</p>
<p style="text-indent:2em;">【 项目介绍 】</p>
<p style="text-indent:2em;">【 功能介绍 】</p>
<p style="text-indent:2em;">【 技术 】</p>
</div>
<!-- pro -->
<label for="plan-6">
<p class="pro-item"> <i class="clock"></i><b>未来还会有什么？———— 思想有多远，我们就能走多远。【★★★★】</b></p>
</label>
<input id="plan-6" type="checkbox" style="display:none;">
<div style="">
<p style="text-indent:2em;">【 项目时间 】待定</p>
<p style="text-indent:2em;">【 项目介绍 】</p>
<p style="text-indent:2em;">【 功能介绍 】</p>
<p style="text-indent:2em;">【 技术 】</p>
</div>
</div>
<!-- everyday a quote -->
<input type="checkbox" id="everyDayQuote" name="" style="display:none;">
<div class="everyDayQuote box" style="display:none">
<p title="可惜了，这里没有表情包。这么不要脸调侃自己的还是第一次见。">怀才就像怀孕，日子久了才会被看出来。从这点上来说，包装也挺重要的，因为包装蒙骗了许多人的眼睛。</p>
<p title="真的假的？其实躁动这种东西，是需要很大的能量的，精力充沛的人可以改造环境。">躁动具有很大的能量，往往可以创造出少有人走的路。</p>
<p>很多的时候，对自己的作品如数家珍是因为，这作品记录了你的成长过程，记录在这个过程对于你的重要程度。而并不是说这时候你做的有多好。但是这些东西并不能为你的发展铺开一条路，而真正重要的是领悟了其中的精髓。这个时候，就不是从技术层面而言，而是从格局上来说。你在没有工具的时候可以构思，你在什么都没有的时候可以完全从零创造，这样，做过多少东西反而不是重点了，也并不值得标榜，而是能够把会的东西贯连起来，然后把自己心里的愿望用最高的技术精髓实现，这就达到了格局水平了。</p>
<p>网络上有很多负能量的东西，而且很容易上瘾。所以，立言的目标也在于此，作为正能量之宗。</p>
<p title="这其实是自己告诫自己的。">很多东西，不过虚名而已，不必在乎</p>
<p title="诸位看官，个人意见，仅供参考">有的时候，个性往往会让自己比较突出，“要低调，不要尝试”的这种论调，其实是没有个性的一种体现。个性强的人往往追求深层次的东西。对于一些方面还是有真知灼见的。如果一开始就不适应，可能是因为觉得自己的个性在环境中不适应罢了。</p>
<p>在一个大舞台上，一不小心就会碰到高手。还是要在不压抑自己个性的情况下谦虚一点。</p>
<p>人总是在骗自己，自己有多厉害，感觉有多好。其实还是挺喜欢那种感觉的，有点侠客的意味。</p>
<p>把技术当玩具就可以了，当你又学会了一门技术，那么你手上又多了一件玩具。</p>
<p class="divider">2016-7-15</p>
<p>很多事情，只要做过一次，接下来就会做了。</p>
<p>开始一件事真的很简单，但是要做好真的不容易。比如说写代码，打hello world很简单，但是要写好不容易</p>
<p>有的时候忙着忙着，连自己的时间也会忙没了。</p>
<p>要保持热情，和旺盛的生命力</p>
<p class="divider">2016-7-16</p>
<p>在世界上保持单纯很难，因为单纯根本当不了外部的攻击。试着去适应这种东西吧。</p>
<p>很讨厌做错事的感觉。但这却是成长的必经之路。但如果因为害怕承担错误的后果而灰心，丧失信心，那么做错事就丧失了他本来的意义了。很多的时候单纯会做错很多的事情，感觉如此。</p>
<p>不管自己做得多好，还是有人会排斥你。但是路还是需要走下去。勇敢一点走下去，做个勇敢的男子汉。</p>
<p>思想者创造世界</p>
<p>反正都在这世界上走一遭了，不如发挥自己最大的价值，能够成为太阳的，就成为太阳。</p>
<p class="divider">2016-7-20</p>
<p>今天想聊聊女神这个话题。其实成为我的女神也是简单而又复杂：拥有善良，单纯的心，不要掺杂太多的东西。以前看书，书上有个哲学家这样描述他的女神：你就想天上的星星，每个人都在遥望你的星光，但是每个人都得不到。我想，这应该是女神的代名词了吧。</p>
<p class="divider">2016-7-28</p>
<p>看一些别的东西，每天都学习一点不懂得。只有多去接触一些东西才会成长起来。不要总是那么孩子气了。不管怎么样，要相信自己是最好的。</p>
<p>了解别人，也了解自己，做个好人。</p>
<p>心灵之路，复杂而又曲折，只因人心复杂</p>
<p>人有的时候会退而求其次，但是我不愿妥协。</p>
<p>平常心，不要着急和冲动，缓和中庸。这样就不会受伤。</p>
<p>热爱生活</p>
<p class="divider">2016-7-29</p>
<p>很多的时候，是做自己的事情还是做事情给被人看还是很大差别的。</p>
<p>其实我是一个认真的人，不过有的时候，只是想要掩饰自己的脆弱，结果就变成了没心没肺的了。好吧，路还是要走下去的...</p>
<p>有的时候挺不服气的，强者制定规则，弱者只能遵守。不过走着走着，不知道会不会被这个世界改变。抑或是改变了世界呢？</p>
<p>努力点，用心一点。还是告诫自己 。谢谢那些在路上提醒自己的朋友们。一路走来，不能自省，还是挺悲催的。还好有好的导师打击一下自己，能够清醒一点点。</p>
<p>不要太孩子气了，认真一点，踏实一点，稳重一点，办的事情要用心啊...</p>
<p>情感这方面的东西，我相信，有的时候是不用纠缠就可以得到的，是最好的结局。如果一直纠缠不清，那么失去的可能更多。及时放手，也是一种爱。</p>
<p>在和高手打乒乓球的时候，发现，越是高手，越是真人不漏相。另外，高手出招都是干脆利落，没有半点多余的招数。</p>
<p>时光匆匆，炎炎夏日又过去了，弗罗斯特《未选择的路》：黄色的树林分出两条路/可惜我不能同时去涉足/我站在路口久久伫立/我向着一条路极目望去，直到它消失在丛林深处/但我选择了另外一条路/它荒草萋萋/十分幽寂/显得更诱人/更美丽/虽然在这两条小路上/都很少留下旅人的足迹/虽然那天清晨落叶满地/两条路都未经脚印污染/呵/留下一条路改日再见！但我知道路径延绵无尽头/恐怕我难以再回返/也许多少年后在某个地方/我将轻声叹息将往事回顾/一片树林里分出两条路/而我选择了人迹更少的一条/从此决定了我一生的道路。</p>
<p>
The Road Not Taken
ROBERT FROST
Two roads diverged in a yellow wood/And sorry I could not travel both/And be one trraveller, long I stood/And looked down one as far as I could/To where it bent in the undergrowth/Then took the other/as just as fair/And having perhaps the better claim/Because it was grassy and wanted wear/Though as for that the passing there/Had worn them really about the same/And both that morning equally lay In leaves no step had trodden black/Oh/I kept the first for another day!/Yet knowing how way leads on to way/I doubted if I should ever comeback/ I shall be telling this with a sigh/Somewhere ages and ages hence:/Two roads diverged in a wood/and I took the one less traveled by/An dthat has made all the difference.
</p>
<p>那些诗人们。。写的那些诗句。。 </p>
<p>最后，来首歌吧，这首《不是因为寂寞才想你》很贴切自己的心情，听着听着，觉得写歌的人把思念写的淋漓尽致，想想，自己做事也应该这样，如果在做事的时候融入自己的感情，别人在拿到作品的时候也会感叹作者的那份用心。</p>
<p>不要对世界失去热望，相信高手，能和高手对决，能够华山论剑才是最值得庆幸的事情。</p>
<p>决定弄个技术博客了，感情和心情不能当饭吃。武器才是硬道理。</p>
<p class="divider">2016-7-31</p>
<p>今天早上，公司一位同事向另一位同事求婚。几乎所有的人都参与了，不是公司的管理层。能够一起开心，一起快乐的同事，他们都应该是挺有意思的。有趣的人。我所推崇的理念就是玩的时候，就不遗余力地玩，但是认真的时候就要好好的完成任务。这个世界上为什么会有那么多的事情别人会敬佩呢？就是因为他们的敬业精神。只有如醉如痴到风魔的境界，才有资格被人敬佩。凡人之所以为凡人，就是没有风魔的那种个性。不够洒脱。不够个性，为世俗的很多东西束缚。</p>
<p>
今天，台风。
台风这种东西是属于自然的，自然的东西才值得敬畏。
人类几千年的历史，但是不能够完全创造一个有情感，有血有肉的人；人类文明几千年，医学也不能够完全把疾病消除，只是把那些病灶除去；
自然和情感是世界上伟大的东西，为了这两种东西而奋斗的人，必将成为大写的人。
如果每件东西别人都要拿出来比照一下的，那么所有人都会去注意这件东西。但是如果有一个王说，
有个王，自己喜欢的东西，要求别人都要喜欢。有个人，他自己总是认为自己不够优秀一直在寻找优秀。有一天，这个认为不够优秀的人遇到了这个王，王说：“你只要跟着我就可以变得优秀，但是前提是你必须要跟着我的脚步。”这个人认为这是很好的机遇，于是跟着王走了。慢慢的，他过的越来越不开心，连把自己自己的心，要找寻的东西都忘记了，每天只在无聊中度过。后来，这个王找到了另外的一个人，于是把这个优秀的人抛弃了。这个人就在路上走着。漫无目的。相比以前，更加不知道自己想要的是什么，呆在一个不属于他的环境太久，太压抑了。让他变得不喜欢生活，讨厌这种生活方式。
后来，他走着，遇到了另外的一个王。王说：“你们要拿出自己的特长，你们自己擅长的东西，然后发挥到极致。这才会成为真正的你。”他也按照他的说法去做了，然而令人没有想到的是，原来，他像是一块藏在土块里面的宝石，得到锻炼之后，闪烁着耀眼的光芒，每个接近他的人都感到温暖，感到生活的美好，生命的气息。生之气息，充满了整个身体。拥有了源源不断的力量。
</p>
<p>每个人都在想不同的事情。世界上有那么多的人。</p>
<p>我决定了，好好讲一个故事。好好地，默念一首诗，好好地，过好每天。热爱生活。</p>
<a href="https://markmanson.net/foreign-language">22tips for learning a foreign language</a>
<p class="divider">2016-8-1</p>
<p>从生到死有多远，呼吸之间/从迷到悟有多远，一念之间/从爱到恨有多远，无常之间/从古到今有多远，笑谈之间/从 你到我有多远，善解之间/从心到心有多远，天地之间//当欢场编程就旧爱/当记忆飘落尘埃/当一切是不可的的空白/人生是多么无常的醒来/人生是无常的醒来</p>
<p>去见你相见的人吧！/趁现在阳光明媚/还是那句话/当我们想念一个人就应该/义无反顾地去见他/去见你相见的人吧！/趁阳光正好/趁微风不噪/趁花儿还未开到荼蘼/去见你想见的人吧！/趁现在还年轻/还可以走很长很长的路/还能述说很深很深的思念/去见你相见的人吧！/陈世界还不那么拥挤/趁飞机现在还没有起飞/去见你想见的人吧！/趁记忆还能够将过往呈现。/趁现在时光还没有吞噬你们的留念/去见你相见的人吧！/趁着我们还有呼吸/去见你想见的人吧！/不必去幻想相见的场景，不必去焦虑如何的言语/去见你相见的人吧！/不要去在意两地的距离/趁月老还慈祥的让你们相惜/去见你相见的人吧！/趁自己还活着/趁他还活着/去见你想见的人吧/为自己疯狂一次/就一次/足以/去见你想见的人吧！/趁你还爱他/趁他还爱你/如果我也想你/我会走十里路/翻五座山/越两条河/去拥抱你/</p>
<p class="divider">2016-8-2</p>
<p>玩法不同，不必强求。有的时候，一个人也可以玩的很开心，也就不必去搅拌别人的事情。</p>
<p>去思考一两个问题</p>
<p>一直在等chance，但是没来之前还是要努力，努力啊哥。</p>
<p>沉闷的生活中保持好奇心，思考力和幽默感</p>
<p>得到某个人的鼓励的时候会特别有动力~~这不是好节奏。。</p>
<p>小时候，每个人都与众不同，长大了，每个人都没什么不同</p>
<p>初中，刻桌文化，在某个同学的桌子上看到的一句话：狂欢是一群人的孤单，孤单是一个人的狂欢。</p>
<p>其实每个人都有十万个为什么。</p>
<p>为什么有些人可以左右你的心情~~真不公平。</p>
<p>心情好了，做什么事都是对的，这句话还真是没错。</p>
<p>接下来，我将会用html来讲述一些故事。这就叫做会讲故事的网页。一个文化网站，沉淀了一个人的文化网站。有底蕴深沉的网站。主题：文化，幽默，意境，感情，（其实谷歌也是梦想的企业。），凡是有梦想的东西都值得在这里被展示。旨在鼓励那些奋斗者。让人们可以看到一束火焰。</p>
<p>首先，应该创建mood，action，还有speak等，不过还有其他的一些东西。。</p>
<p>仓央嘉措的一首诗，应该说，情歌：<br/>我问佛：/为何不给所有女子闭月羞花的容颜？/佛曰：/那只是昙花一现，用来蒙蔽世俗的眼/没有什么美可以抵过一颗纯净仁爱的心/我把它赐给每一个女子/可有人让它蒙上了灰/我问佛：/世间为何有那么多遗憾？/佛曰：/这是一个婆娑的世界/婆娑即遗憾/没有遗憾/给你再多的快乐也体会不到幸福/我问佛：/如何让人们的心不再感到孤单？/佛曰：/每一颗心生来就是孤独而残缺的/多数带着这种残缺度过一生/只因与能使他圆满的另一半相遇时/不是疏忽错过/就是已失去拥有它的资格/我问佛：/如果遇到了可爱的人/却又不能把握该怎么办/佛曰：/留人间多少爱/迎浮世千重变/和有情人/做快乐事/别问是劫是缘/我问佛：/如何才能如你这般睿智/佛曰：/佛是过来人/人是未来佛/佛吧世间万物分为十界：佛，菩萨，声闻，缘觉，天，阿修罗，人，畜生，恶鬼，地狱/天，阿修罗，人，畜生，恶鬼，地狱为六道众生/六道众生要经历因果轮回，从中体验痛苦</p>
<p>会藏语就可以看懂藏语了。</p>
<p>话说，网页能够呈现，表达感情？能够把心情表达出来。音乐网站，表达mood，各种元素应该都可以利用起来，跳动的字体，跳动的音符，烟花，音乐中的元素，场景也可用html实现出来</p>
<p>痛苦的过程，如何把文字转换成形象。很多时候，那些真正有灵性的人是具有通感的，意思就是他的感觉可以变化成无数种艺术品出来。主要是形象思维。文字这种基本上每个人都有。对于美的感知，就不是人人都能够创造美的东西。尽量朝那个方向靠拢。沉迷在技术中出不来，应该是没什么成就的。技术是用来做东西的。探索技术能够到什么程度？又不是自然科学。再深也是人创造的。所以，应该探索的方向是，技术可以创造出另外的什么有价值的东西，而不是技术有多深。就比如说，开发一个方向，两个外国人开发了ionic，就可以快速开发app，这就是geek的精神。真正的技术是开拓另外的一个方向。</p>
<p>呐呐，来了， 在这里要证明几个结论。比如说现在的一些人在这个世界里行走太久，连一点点的敏感能力都没有了。（这里将会有一个专题，不过，可能需要一段时间，最近也没时间做这个。）</p>
<p>今天讨论一些东西，觉得xy哥说的一些东西还是挺对的，比如说，做一个东西要有自己的想法在里面，这样，做出来的东西就是你自己的东西了。</p>
<p>随心而动，能够附和音乐节拍的东西</p>
<p>做个音乐播放器吧。。</p>
<p>弄个可以刮奖的东西。有的人想把东西做的高大上，但是失败了，但是有的人把东西做的不是那么完美，但是草根，喜闻乐见，结果成功了。告诉我，需要什么，那么我就去实现它。技术只能为了需求服务。</p>
<p>人的很多东西都是集合在一起的，而不单单是单一的存在，这样组合起来才完整。</p>
<p class="divider">2016-8-4</p>
<p>注意对自己感觉和情绪的把控</p>
<p>新闻，以及摘录</p>
<p>持续关注一个人。做事要感动自己</p>
<p>公司的同事好年轻，</p>
<p>别人的二十几岁。</p>
<p>看到那些比我年轻的，总会感觉，自己太不成熟，不过看看quora的一个主题：I"m 29years old and feel like a compelete failure, who has wasted many, many years..What can I do quickly get myself on track?</p>
<p>大吃一惊的东西:年龄的增长而素质没有提升，是一件不容乐观的事情。。。</p>
<p><a href="http://www.jianpuw.com/htm/io/308784.htm">简谱</a></p>
<p>好好看下自己写的代码。然后修改。</p>
<p>高手无处不在。</p>
<p>有的时候反省一下可能对成长也是很快，比如自己做过的事情，为人处世，代码也是，反省一下。看看别人怎么写的，可能更有感触。</p>
<p>big thought use big presentation</p>
<p>审查代码，以局外人的身份看看自己写的代码。</p>
<p title="强龙不压地头蛇，少年，努力啊，都被欺负到门上了。我拥有不死之心。">今天有句话深深记在心上。</p>
<p>开发想象力</p>
<p>想法：乔布斯在中学的时候看到艺术字，结果后来在开发产品的时候就把艺术字放进去了， 有的时候，这种偶然的东西，就像是酱油，为这种东西加料。不过是整个产品都做出来了，所以比较厉害。比较颠覆性的东西。让别人相信。知道自己的应不应该 拿这种东西。</p>
<p>世界上没有路，走的人多了，就成了路。</p>
<p>责任心这种东西。</p> <p>想起以前的一个天才童鞋，写的一首诗：<br/><b>没有了你</b>没有了你/我的生活黑暗无光/吃饭有菜无汤/吃饭三聚氰胺/跳楼也带降落伞...</p>
<p>诗的大意是如此。写的也算押韵，感觉也特别逗。谨以此诗致少年。</p>
<p><a href="http://news.gmw.cn/2016-08/05/content_21323155.htm">毕竟人间冷暖。</a></p>
<p>辽阔，遥远的感觉，诗经</p>
<p><a href="http://zh.wikihow.com/%E9%A6%96%E9%A1%B5">wiki how</a></p>
一点细节也是很重要的。
不断尝试新的东西。并且能够总结出来以前的尝试。
<p>诗经·关雎<br/>关关雎鸠/在河之洲/窈窕淑女/君子好逑/参差荇菜/左右流之/窈窕淑女/寤寐求之/求之不得/寤寐思服/悠哉游哉/辗转反侧/参差荇菜/左右采之/窈窕淑女/琴瑟友之/参差荇菜/左右芼之/窈窕淑女/钟鼓乐之</p>
<p class="divider">2016-8-7</p>
<p>淡定，自己有自己的节日，也有自己的节目。</p>
<p>突然想到的事情：金庸武侠里面，总是有很高手的人，但是有些人呢，也有很厉害的后台；不过主角却是一个没有什么社会经验或者资历，阅历的年轻人。然后呢，那些“德高望重”的长辈们都不喜欢那个主角，最终可能当炮灰的可能，但是到最后却成功了。不过现实中的却是这样的故事，</p>
<p>人和人之间最基本的是--信任。一个作家说过，信任，往往能创造出美好境界。</p>
<p>我见青山多妩媚/料青山见我应如是/骑马倚斜桥/满楼红袖招/温良好似玉/剑胆亦琴心/翩翩浊世佳公子/浮生长恨欢娱少/肯爱千金轻一笑；为君持酒劝斜阳/且向花间留晚照……</p>
<p>发现神奇的东西：迷宫，穷尽一生磨练的技能。</p>
<p>最高赞誉：行云流水，这是最好的风格。</p>
<p class="divider">2016.8.8</p>
<p>plan: 调研行业</p>
<p>zhihu:金融，it，律师，医生，建筑业。后三者是熬年头的行业，熬了年头也未必过得好。混年头到中产的人；重点：各个行业的人的社会地位，收入水平，整体行业收入，最高行业收入。入行门槛（比如医学的入行门槛就比较高，需要长时间培养。）</p>
<p><a href="https://www.youtube.com/watch?v=cW6fx7ivKWM">潮汕文化在香港
</a></p>
潮汕文化，传承，资金，规模
积极推广
英歌舞
潮州音乐（有心人）
潮州话
<a href="https://www.youtube.com/watch?v=9KWp93sRQ28">豆豆·豆芽一刻</a>
还是外国的表达情感的方式好玩一点
天下武功，
综艺节目
制造东西的过程
史诗影片
<p class="divider">2016.8.9</p>
<p>讲一个故事吧，也不算故事的故事，有一个地方，叫做基地，有一个小湖，叫做石溪，有一篇荒地，叫秘密。 这几个名词，只有懂的人才会懂。</p>
<p>保持纯净的心灵，以及虔诚的心。心无旁骛。当你相信一样东西的时候，你就拥有了无比巨大的能量。</p>
<p>当你找到事物的萌芽的时候，你就会发现，其实，很多的时候，萌芽就决定了这个事物的走向，而不是等待成长完成。萌芽有多牛逼，果实就有多丰厚。也可以这么理解，就是梦想有多远，你就可以走多远。</p>
<p>其实，你把这里想象成舞台，就明白这个是什么东西来的了。如果不想想，那么就是很普通的东西而已。</p>
<p>佩服那些能够把一件东西做成艺术，做出自己的想法，无与伦比。所以，评判的标准中就有一个，凡是自己的想法精髓和极易结合在一起的时候产生的绝对是非常伟大的作品。</p>
<p>qq空间的专属留言板，找个时间做一下，然后放到网站上面来。其实qq空间的留言板还是挺好的。佩服tencent的这个东西。其他的都不去模仿，就这个觉得非常不错，特别是相册的功能。</p>
<p>把书读进去，不要急躁。用心再看一本书。用心领悟生活的一点一滴。</p>
<p>突然想起以前看过的一本书。书上写的是一个渴望成为智者的人在寻找拼图，只有寻找完成十二块拼图才能够成为智者。在寻找的过程中他一直都在成长。直到最后他终于得到了最后的拼图，有成为了智者。</p>
<p>静下心来思考，静！</p>
<p>情圣和梦想家，我觉得应该是金庸，首先，他想象了和不同的女性恋爱，另外，他让梦想有了无限的想象空间，看到他的武侠小说的，可能会这样感叹。</p>
<p>关于能力，优秀，自信，有些东西是可以慢慢积累的。</p>
<p class="divider">2016.8.10</p>
<p>昨天晚上的一些animation的展示，需要有些其他的东西过来配合一下会更好。</p>
<p><a href="http://rettamkrad.blogspot.sg/2012/04/work-smart-work-passionate-rework_03.html">情绪《rework》</a></p>
<p>最高的境界是自然，行云流水，但是在这之前，必须有无数次的试错经验，所以得出这个结论：越早开始，越早了解越有优势。</p>
<p>如果囿于一种模式，每天都重复这一种模式和心态，生活多久都是没有多大改进。必须日益精进，在生活，感情，工作方面都有所领悟。做人做事也都要小小提高。都是废话来的。记住几个基本点就好了。</p>
<p>有的时候，几段对话就可以总结一本书了。</p>
<p>好困，我要睡觉。。。。</p>
<p class="divider">2016.8.10</p>
<p>只有在一个高度上想问题，一些纠结的问题就会迎刃而解。</p>
<p>修炼内功。</p>
<p class="divider"></p>
<p>when you find the goal of life, catch for it.</p>
<p>if you fail, try again and finally, you will success.</p>
<p>闭门造车是做程序一个致命的缺点。</p>
<p>process by your step...</p>
<p>http://www.jksb.com.cn/html/news/hot/2016/0914/102776.html</p>
<p>书评：《连城诀》《白马啸西风》两天之内看完了金庸先生的两本书。世界上能不能找出书上的这些主角？金庸先生的江湖，三分义气，七分情。连城诀的主角狄云命运实在是够悲惨的，但是到后来主人公却在这些苦难中成长起来了。一般都是一个十分情深义重的人，受到了精神以及身体上的打击，所处境地非常窘迫，然而主角却在这种环境下练成了无敌的神功，看破了人情世故。除此之外，就是主人公在监狱中遇到的人物丁典，由于经历的相似，所以能够有心灵上的共鸣，况且两个人的脾性相对，都是情深义重的人。由此成为生死之交。所以到最后丁典死的时候的一个片段：“然而他抱着丁典身子的双手，却觉到丁典的肌肤越来越僵硬，越来越冷，知道自己这许多许愿都落了空。顷刻之间，感到了无比的寂寞，无比的孤单，只觉得外边这自由自在的世界，比那小小的狱室是更加可怕，以后的日子更加难过。他宁可和丁典再回到那狱室中去。” 外面的世界不知道会比这牢狱中要危险多少倍。而现在很少能够用得上生死之交这个词了。不具备有共同的经历，也就不可能有共鸣。不具备情深义重的性格，那么本性迟早会流露出来的。所以，现在很多人生活都很寂寞，但是在寂寞的生活中总是想找点刺激。（纯属个人观点；喜欢看古典的武侠小说，所以多嘴评价了一下。）
《连城诀》中的一条线索
失去心爱的东西
牢狱之灾
狱中遇生死之交
醍醐灌顶为自己报仇
被强者欺侮
到最后救了水笙的性命还是被误会了。
看着心爱的人逝去。
下面内容是大结局：
※※※ 狄云在丁典和凌姑娘的坟前种了几百棵菊花。他没雇人帮忙，全是自己动手。他是庄稼人，锄地种植的事本是内行。只不过他从前很少种花，种的是辣椒、黄瓜、冬瓜、白菜、茄子、空心菜 …… 他离了荆州城，抱着空心菜，匹马走上了征途。他不愿再在江湖上厮混，他要找一个人迹不到的荒僻之地，将空心菜养大成人。他回到了藏边的雪谷。鹅毛般的大雪又开始飘下，来到了昔日的山洞前。突然之间，远远望见山洞前站着一个少女。那是水笙！她满脸欢笑，向他飞奔过来，叫道：“我等了你这么久！我知道你终于会回来的。”
从上面的主角的经历来看，他所经历的没有一件不是苦难的。到最后水笙来找主人公，我觉得这一部分写的有点突兀，因为和水笙的性格不符。总结成，他的一生都是落难的。一生的苦难让他厌倦了江湖，躲避江湖。我觉得这本书应该是作者带着极大的同情心在写的一本书。
《明报》《南洋商报》《东南亚周刊》历史，文化，传承，高晓松，
有的小说，只可以远观，有的小说，只能近看。做到了远观和近看的大概只有金庸的小说了吧。
人物各有各的特色。到最后只是一种概括了，
只知者不如好之者，好之者不如乐知者
一踏进门，举目四望，登时吁了口长气，大为宽心，原来这“琅嬛福地”是个极大的石洞，比之外面的石室大了数倍，洞中一排排的列满木制书架，可是架上却空洞洞地连一本书册也无。他持烛走近，见书架上贴满了签条，尽是“昆仑派”、“少林派”、“四川青城派”、“山东蓬莱派”等等名称，其中赫然也有“
易经
</p>
<p>和某方面的高手谈他擅长的东西会觉得很不错。</p>
http://www.chinahighlights.com/festivals/mid-autumn-festival.htm
写小说的能够左右一个人物的命运，像预言家，也是厉害
<p>中秋节·惠东</p>
<p>中秋节思考了一些东东。总有一些问题，然后有一些结论。大概就是这样。</p>
<p>不过我觉得不错的就是，在车上思考人生和未来。</p>
<p>其实人人都有他自己所纠结的事情。</p>
<p>中秋夜的月很圆，很亮。在屋内看电视，很有过节的feel</p>
<p class="divider">2016.8.15</p>
<p>练字，有的人说，字可以看出一个人。最厉害的人应该心笔合一了，心情好的时候写的字端庄，心情醉的时候写的字潇洒飘逸，心情抑郁的时候写的字神出鬼没。看一个人写的字，应该可以看到一个什么样的人以及他的心路历程。</p>
<p>最近看天龙八部，摘取一些比较有feel的做书摘<br/>段延庆下一子，想一会，一子一子，越想越久，下到二十余子时，日已偏西，玄难忽道：“段施主，你起初十着走的是正着，第十一着起，走入了旁门，越走越偏，再也难以挽救了。”段延庆脸上肌肉僵硬，木无表情，喉头的声音说道：“你少林派是名门正宗，依你正道，却又如何解法？”玄难叹了口气，道：“这棋局似正非正，似邪非邪，用正道是解不开的，但若纯走偏锋，却也不行！”但若纯走偏锋，却也不行！”段延庆左手铁杖停在半空，微微发颤，始终点不下去，过了良久，说道：“前无去路，后有追兵，正也不是，邪也不是，那可难也！”
虚竹坐在地下，心下转念：“我师父常说，佛祖传下的修证法门是戒、定、慧三学。《楞严经》云：‘摄心为戒，因戒生定，因定发慧。’我等钝根之人，难以摄心为戒，因此达摩祖师传下了方便法门，教我们由学武而摄心，也可由弈棋而摄心。学武讲究胜败，下棋也讲究胜败，恰和禅定之理相反。
段氏正宗，但后来入了邪道，玄难这几句话，触动了他心境，竟如慕容公子一般，渐渐入了魔道。
这个珍珑变幻百端，因人而施，爱财者因贪失误，易怒者由愤坏事。段誉之败，在于爱心太重，不肯弃子；慕容复之失，由于执着权势，勇于弃子，却说什么也不肯失势。段延庆生平第一恨事，乃是残废之后，不得不抛开本门正宗武功，改习旁门左道的邪术，一到全神贯注之时，外魔入侵，竟尔心神荡漾，难以自制。
在非常时刻开了一个大玩笑，反而起死回生。</p>
<p>虚竹和其他人的不同就在于，他是没有胜败之心的。其实很多时候金庸书中所讲的都是禅道。指摘出关键词，“痴心”， “魔道”，“是非之心”，“宿根慧心”，“摄心为戒除”，人因痴心而陷入了魔道，其实是在批评一些人的执念，比如追名逐利。但是在这种禅宗理论之下，越要追逐的东西反而使人生出了痴心。总之就是不能放下。也就离大成很远。但是反而是那些不追名逐利，学武功和弈棋是为了修习戒心，反而成就了虚竹。也可以从另外的方面阐述，比如，我现在完成任务去学一点东西。但是我在学的过程中一点都得不到快乐，反而觉得痛苦，这样，我的任务也可能延期。但是后来，在心情很好的时候，又看到了这个问题，结果问题迎刃而解了。同样的，为了完成任务而生出了痴心。在执念下就会抛弃自己的一些东西。但是当我们在心情十分顺遂的时候，我们无所求，反而能够达到我们所望。其实技术这种东西从本质上来讲就是一种执念。一直在技术这个领域混下去，也会走入魔道。如果自身不加修养。魔道的意思，就是会有戾气。但是如果修习中国的古典文化，熏陶一下情怀，这个才是真正回归“道”的本真。</p>
<p>
乔峰叹了口气，道：“我不知该当向谁报仇，也不知向谁报恩。不知自己是汉人，还是胡人，不知自己的所作所为，到底是对是错。乔峰啊乔峰，你当真枉自为人了。”
乔峰的这种心情在当今的世界也是有的，现在都不知道离婚是对不对，本来的那种观念已经天翻地覆了。
不知道为什么金庸会给乔峰这么一个身世。还有游坦之。这两个人绝对是悲剧角色。当乔峰发现自己是契丹人，但是自己的思想却是赶走契丹人的时候，整个世界都变得不可信了。不过这个我觉得应该不是重点，重点在于是什么力量使他们走下来了。所以我觉得回归到底的话，应该是情字。
觉得天龙八部这里面的角色其实不应该是一个个人。而是一个人身上的某一部分。比如阿紫，残忍的玩弄人的手法。觉得这个世界上应该不会有这样的人。或许是没想到而已。觉得应该只是一种象征，就代表了幸灾乐祸，玩弄弱小。而乔峰，则代表了侠义，为国为民。游坦之，这个我不知道如何评价他。可能觉得他代表一种得不到的缺憾。他深爱阿紫姑娘，最后也为她而死，但是却没人为他流一滴眼泪。所以，游坦之代表了一种缺憾。
所以我有下面的结论：
支持主人公度过困境的：情
侠客之心（千古文人侠客梦）
重剑无锋
练成绝世武功的条件（成才条件）重剑无锋（郭靖），
金庸老先生的书上的一些观点在求学和成才都很经典。
可以有《说禅·论道》这个版块。
</p>
<p>关于武功的命名，比如</p>
<p>关于杂学。（后续）</p>
</div>
<!-- planning -->
<input type="checkbox" id="planning" name="" style="display:none;">
<div class="planning box" style="display:none;">
<ul>
<li>每天可以看一本书</li>
<li>或者写一本，写一个或两个故事.花一两个小时看书。看别人的growth， 看外国人的growth，考证。elglish，foreign，尝试下自己不会的。自己有自己的路线，不过也可以向别人取经。</li>
<li>或者学习一些和技术无关的知识，如果自己创造了玩具，自己又不能玩，那还有什么意思？所以，放开的玩。</li>
<li>学会在应该认真的时候认真，在玩的时候就放开的玩。</li>
<li>不要浪费时间。勤奋一点点。</li>
<li>其实可以在blog每天换一首歌来纪念每天的心情</li>
<li>讲述一个故事，聆听一段感情，分享一段文化</li>
<li>dba</li>
<li>C#</li>
<li>硬件。</li>
<li>到处看点东西，到处文摘（quora，wikihow, facebook, gplus, blogger, bokeyuan, ）</li>
</ul>
</div>
<!-- overview -->
<div id="overview" class="box">
<h1>关于我<span class="dimmed"><small>.</small><br/>ABOUT ME</span></h1>
<h2>喜欢探索新事物·追求自己喜欢的东西·代码是兴趣爱好之一</h2>
<br/>
<p>【 一 】没有人不喜欢网络，代码可以创造很多的东西。</p>
<p>【 二 】小的时候比较喜欢collection，有的是当时流行的一些卡牌，有的是一些漂亮的玻璃珠，有的是香烟壳，有的是一个个零件（从四驱车上拆卸下来的）。其实小时候在完成收集收藏品的过程中，也就慢慢的在形成我的世界了。可能这有点抽象。再说个例子，自己在收藏的过程中，可能弟弟也会有。如果可以交换的话，那应该是一件很不错的事情。事实上也是如此。在交换的过程中，会发现，有可能因为规则定不好，或者反悔，结果就导致这种交换的失败。实际上，在这个时候已经意识到了这其实是世界的一小部分。</p>
<p>【 四 】长大后我发现，自己的兴趣还是沿着这个店发展下去，不过现在收藏的东西相对来说有价值，比如说时间，历史，视野，现实，谎言，真相等等，我认为，所有人思考过的，认识的，发生过的事情都值得收藏和研究</p>
<p>【 五 】之所以选择IT这一个行业也是这样子，是因为我觉得手上的代码可以创造出一个<a href="world.html">世界</a>。其实世界上还有其他的elegent的表达方式，比如书法，绘画，电影等等。这些表现手段和表达方式都是不错的，甚至可能有的人运用这些还可能达到一种登峰造极的境界。比如<a href="">一些网站</a>所有的艺术手法和表现手段都是运用于思想的表达，或者功能的实现。而我，则用来收藏时间，经历，尽量能够把有价值的东西留存下来。</p>
<p>First, Everyone like surfing the internet so coding can do many things.Second, this is a hobby that collecting something like some cards, glass ball, paper wrapper or some part of the toy car.in fact, when I am in the process of collectiong something, I form my opinion of this world. This may be abstract for you, then another example. When I collecting, my younger brother does.It's a bralliant thing to exchange both of our collections, I think.In fact, it was.But sometimes when us exchange our collection, some reason that reget or disobey the rule lead to the exchange fail. As I grow older, I find that my interest develop by the way,but what I collect change to time, history, horizon, reality, lies, turth and so on. I think that it deserve to collect something that was happended. finnaly reuturn to the topic, I chose internet technology because I find that I can develop a world.In fact, there exsist another performace in the world, like hand writings, drawing, films and so on. These are great method to express and even someone reach the top level. I don't reach that level, I just use it to collect time, experience, and try to save something in the world.</p>
```html
<DOCTYPE html>
<html>
</html>
```
</div>
<!-- music control -->
<div class="box">
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=18110801&auto=1&height=66"></iframe>
<!-- <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=25706282&auto=1&height=66"></iframe> -->
<!-- <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=267196&auto=1&height=66"></iframe> -->
<!-- <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=70484&auto=1&height=66"></iframe> -->
<!-- <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=364512&auto=1&height=66"></iframe> -->
<!-- <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=39442125&auto=1&height=66"></iframe> -->
<!-- <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=276830&auto=1&height=66"></iframe> -->
<!-- <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=95393&auto=1&height=66"></iframe> -->
<!-- <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=27552906&auto=1&height=66"></iframe> -->
<!-- <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=5241063&auto=1&height=66"></iframe> -->
<!-- <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=368800&auto=1&height=66"></iframe> -->
<!-- <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=287231&auto=1&height=66"></iframe> -->
</div>
<!-- <div class="box">
<p>record</p>
<ol style="color:#fff;">
<li>All Soul Waltz -Peter Karter <small></small></li>
<li>夜空中最亮的星 -Escape Plan(逃跑计划) <small>我祈祷拥有一颗透明的心灵/和会流泪的眼睛/给我再去相信的勇气/越过谎言去拥抱你/每当我找不到存在的意义/每当我迷失在黑夜里/哦~~/夜空中最亮的星</small></li>
<li>不是因为寂寞才想你 -雷婷
<small>
相遇在人海/聚散在重逢之外/醒来的窗台/等着月光洒下来/不要太伤怀/相信缘分依然在/让时钟它慢慢摇/滴滴答答等你来/看云水漂流/看着落叶被带走/泪湿的枕头/枕干潮湿的温柔/等到下一个春秋/等到红叶被红透/让那指针慢慢走/停在花开的时候/不是因为寂寞才想你/知识因为想你才寂寞/当泪落下的时候/所有风景dou沉默/因为有你爱所以宽容/因为思念时光走得匆匆/月光轻轻把梦带走/所有无眠的夜想你够不够...
</small>
</li>
<li>我们都一样 -曹轩宾 <small>推开窗/看见星星/依然守在天空中/心中不免有了些/暖暖的感动/一闪一闪的光/努力吧黑夜变亮/气氛如此安详/你在我的生命中/是那最闪亮的星/一直在无声夜空/守护者我们的梦/这世界那么大/我的爱只想要你懂/p陪伴我孤寂旅程/你知道我的梦/你知道我的痛/你知道我们感受都相同/就算有再大的风也挡不住勇敢的冲动/努力的往前飞/再累也无所谓/黑夜过后的光芒有多美/分享你我的力量就能把对方的路照亮</small></li>
<li>红色石头 -李智楠 <small></small></li>
<li>月心蚀 -埋葬YJ <small>听到烟花的味道没有？像一个村庄在过节，真的，喜气洋洋的感觉。</small></li>
<li>盛夏的果实 -莫文蔚 <small>也许放弃/才能靠近你/不再见你/你才会把我记起/时间累积/这盛夏的果实/回忆里寂寞的香气我要试着离开你/不要再想你/虽然这并不是我本意/你曾说过/会永远爱我/也许承诺不过因为没把握/别用沉默/再去掩饰什么/当结果是那么赤裸裸/以为你会说什么/才离开我/你只是转过头/不看我/不要可以说/你还爱我/当看尽潮起潮落/只要你记得我</small></li>
<li>东南西北风 -黄安 <small>与你相逢 其实就象一个梦/梦醒无影又无踪/总是看了不能忘 总是过了不能想/总让我为你痴狂/让我爱上你 其实什么道理/明明知道不可以/让我痛苦为了你 让我快乐为了你/没有你还有什么意义/看那东南西北风 吹着不同的脸孔/难道爱情只是一阵风/我的心儿碰呀碰 因为有你在梦中</small></li>
<li>少年嘉庆（飞） -朱烨 <small>我高飞眼迷离/风声起心会意/曾想过顺着原路回去/可是天可是地/还有你告诉我/展翅起无人敢和我比翼/流些泪/要笑着擦/有些痛也从容答/哪点恨不都是来自牵挂/放开心放开手/上云霄俯瞰大地/你的笑容永远是我的奇迹/天多大呼啦啦啦啦去追最炫的云霞/一次次风一场场雨为我们壮怀/天多大呼啦啦啦啦逆风而上才精彩/抱定阳光千丈万丈笑在天外/天多大呼啦啦啦啦去追最炫的云霞/一次次风一场场雨为我们壮怀/天多大呼啦啦啦啦逆风而上才精彩/抱定阳光千丈万丈笑在天外</small></li>
<p>intro:朱桦 唱的歌还是很好听的，这首是少年嘉庆 <sup>电视剧</sup>的主题曲</p>
<li>越长大约孤单 -牛奶咖啡</li>
<li>秋水悠悠 古萧，巴乌</li>
<li>半道英雄 -群星 <small>【周】等这雪下到够长 低回尘埃埋下火种/许有一度春风不负微草枯荣/这首唱到够长 哪怕除我无人听懂/合】听一寸心脏震响苍穹/曲： rain of mind/词：七世有幸/葵vr周泽楷、少恭vr王杰希、邪道长vr肖时钦、KBshinya vr韩文清、凤冴Sae vr叶修、呆呆AKUMA vr喻文州、祈Inory vr楚云秀/叶】几扇门后飘雪比烟灰重/知结局能否再将这十年押送/王】谁能如魔术掌控/命中每番进退吉凶/喻】几段路启程超速人群中/停步又难割舍下至今苦衷/韩】若学不会何时收场才够上从容/算是有幸不合时宜到最终/周】巅峰咫尺可曾好梦成空/日把酒有几人仍甘苦与共/合】等故事讲到够长 终将遥远岁月惊动/许最低落笔锋都能与光相逢/这梦做到够长 让梦中人求疯得疯/少你我行道匆匆/者从来盖世 英雄命中从来尊荣/说说尽 定下结局有恃无恐/少人如你我曾百年平庸/得观众将平庸歌颂/肖】岔道回首深思还像懵懂/盘皆输再问一步何去何从/楚】明天能否挣破软弱自缚的囚笼/双蝶翅常向九万里路搏动/叶】此生自嘲是情有独钟/年后再将十年热血汹涌/合】等到这雪下到够长 低回尘埃埋下火种/许有一度春风不负微草枯荣/这首唱到够长 哪怕除我无人听懂/一寸心脏震响苍穹/者从来盖世英雄 命中从来尊荣/说说尽 定下结局有恃无恐/曾听闻可歌可泣的贫穷/蝣一尾江沧海相拥/故事讲到够长 终将遥远岁月惊动/许最低笔锋都能与光相逢/这梦做到够长 让梦中人求疯得疯/少你我行道匆匆/者从来盖世英雄 命中从来尊荣/说说尽 定下结局有恃无恐/有无言山河记载你行踪/光加冕最渺小英雄</small></li>
<li>小小 -容祖儿 <small>作曲 : 周杰倫/作词 : 方文山/回忆像个说书的人/用充满乡音的口吻/跳过水坑 绕过小村/等相遇的缘分/你用泥巴捏一座城/说将来要娶我进门/转多少身 过几次门/虚掷青春/小小的誓言 还不稳/小小的泪水 还在撑/稚嫩的唇 在说离分/我的心里从此住了一个人/曾经模样小小的我们/那年你搬小小的板凳/为戏入迷我也一路跟/我在找那个故事里的人/你是不能缺少的部份/你在树下小小的打盹/小小的我 傻傻等/回忆像个说书的人/用充满乡音的口吻/跳过水坑 绕过小村/等相遇的缘分/你用泥巴捏一座城/说将来要娶我进门/转多少身 过几次门/虚掷青春/小小的感动 雨纷纷/小小的别扭 惹人疼/小小的人 还不会吻/我的心里从此住了一个人/曾经模样小小的我们/那年你搬小小的板凳/为戏入迷我也一路跟/我在找那个故事里的人/你是不能缺少的部份/你在树下小小的打盹/小小的我 傻傻等/我的心里从此住了一个人/曾经模样小小的我们/当初学人说爱念剧本/缺牙的你发音却不准/我在找那个故事里的人/你是不能缺少的部份/小小的手牵 小小的人/守着小小的永恒</small></li>
<p>intro: 强强合作的曲子，听了好多次。</p>
<li>一直很安静 -阿桑 <small></small></li>
<p>feeling: 非常有感情的安静，风平浪静的湖面其实海底已经波涛汹涌。tag:仙剑</p>
<li>万里的长城 -太田美知彦</li>
<p>comment: 日本音乐中令人惊叹的壮美中国风</p>
</ol>
</div> -->
<!-- 卷轴的效果
每天还是要有点期盼和向往的东西
something in the world -->
<!-- <div class="mask" style="background-color:rgba(255,255,255,.9);height:100%;width:100%;position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:5;"></div>
<div class="map_all" id="image" style="z-index:10;position:fixed;left:0px;">
<div class="map">
<img src="img/da.gif" class="feature-image" usemap="#Map1" style="left: -1302px;" />
<map name="Map1" id="Map">
<area shape="rect" coords="145,318,235,342" href="#" />黄家坝
<area shape="rect" coords="833,54,923,77" href="#" />波仑寺
<area shape="rect" coords="1211,327,1326,349" href="#" />古城码头
<area shape="rect" coords="2291,111,2383,132" href="#" />星辉门
<area shape="rect" coords="2047,78,2135,99" href="#" />天后宫
<area shape="rect" coords="1966,55,2046,93" href="#" />湖广会馆
<area shape="rect" coords="1545,67,1615,104" href="#" />火神庙
<area shape="rect" coords="1302,131,1417,155" href="#" />王翰林院
<area shape="rect" coords="1645,252,1736,276" href="#" />引凤门
<area shape="rect" coords="2670,142,2761,163" href="#" />城隍庙
<area shape="rect" coords="2796,132,2888,155" href="#" />玄天宫
</map>
<div class="preview" ><img src="img/xiao1.jpg" alt="" /></div>
</div>
</div>
-->
</div>
<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="js/EventEmitter.min.js"></script>
<script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
<script type="text/javascript" src="js/jquery.lazyload.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/video.min.js"></script>
<script type="text/javascript" src="js/bigvideo.min.js"></script>
<script src="js/videoDemo.js"></script>
<!-- 卷轴 -->
<script type="text/javascript" src="js/jquery.imageScroller.min1.js"></script>
<script type="text/javascript">
// $(document).ready(function() {
// $('div.map').imageScroller();
// var $classic = $('.mask');
// var $map = $('#image')
// window.setTimeout(function() {
// $classic.remove();
// $map.remove();
// }, 5000)
// });
// document.ondragstart=function() {return false;}
</script>
<script type="text/javascript">
// var result =window.confirm('新花样~~你要看一下很炫的东西吗？那就跟我来吧~~');
// var str = '世界上最美好的东西。'
// if (result) {
// alert('来来~~，这里有另外一个世界，真的~~')
// window.location.href = 'projects/impress.js/index.html';
// }
// building msg
var $buildObj = $('a[data-type="building"]');
$.each($buildObj,function() {
$(this).bind('click', function(e) {
e.preventDefault();
var $buildMsg = $('<div><div style="text-align:left;background:#fff;border:1px solid #ddd;padding:10px;margin: 0 auto;margin-top:20%;display:inline-block;width:300px;"><b style="display:block;margin-bottom:10px;">The castle is building...Please wating for a moment</b>During this time, you can access my idea by <a style="color:#333" href="idea.html">See my Pro</a></div></div>').css({
'position': 'fixed',
'top': '0px',
'right': '0px',
'left': '0px',
'bottom': '0px',
'text-align': 'center'
}).appendTo($('body'));
setTimeout(function() {
$buildMsg.remove();