-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
690 lines (514 loc) · 27 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
<!DOCTYPE html>
<!--[if lte IE 8 ]>
<html class="ie" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<!--
*************** * * *
8 * * *
8 * * *
8 ** *
8 * * *
8 * * *
8 * * *
8 * * *********** -----Theme By Kieran(http://go.kieran.top)
-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<!--<![endif]-->
<head>
<title>SERENDIPITY</title>
<!-- Meta data -->
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" >
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="generator" content="SERENDIPITY">
<meta name="author" content="Tricia">
<meta name="description" content="" />
<meta name="keywords" content="" />
<!-- Favicon, (keep icon in root folder) -->
<link rel="Shortcut Icon" href="/img/favicon.ico" type="image/ico">
<link rel="alternate" href="/atom.xml" title="SERENDIPITY" type="application/atom+xml">
<link rel="stylesheet" href="/css/all.css" media="screen" type="text/css">
<link rel="stylesheet" href="/highlightjs/vs.css" type="text/css">
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="/css/ie8.css" />
<![endif]-->
<!-- jQuery | Load our jQuery, with an alternative source fallback to a local version if request is unavailable -->
<script src="/js/jquery-1.11.1.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.11.1.min.js"><\/script>')</script>
<!-- Load these in the <head> for quicker IE8+ load times -->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="/js/html5shiv.min.js"></script>
<script src="/js/respond.min.js"></script>
<![endif]-->
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="atom.xml">
<style>.col-md-8.col-md-offset-2.opening-statement img{display:none;}</style>
</head>
<!--
<body class="home-template">
-->
<body id="index" class="lightnav animsition">
<!-- ============================ Off-canvas navigation =========================== -->
<div class="sb-slidebar sb-right sb-style-overlay sb-momentum-scrolling">
<div class="sb-close" aria-label="Close Menu" aria-hidden="true">
<img src="/img/close.png" alt="Close"/>
</div>
<!-- Lists in Slidebars -->
<ul class="sb-menu">
<li><a href="/" class="animsition-link" title="Home">Home</a></li>
<li><a href="/archives" class="animsition-link" title="archive">archives</a></li>
<!-- Dropdown Menu -->
<li>
<a class="sb-toggle-submenu">Categories<span class="sb-caret"></span></a>
<ul class="sb-submenu">
<li><a href="/categories/code/" class="animsition-link">Code<small>(3)</small></a></li>
<li><a href="/categories/daily-life/" class="animsition-link">Daily Life<small>(6)</small></a></li>
<li><a href="/categories/design/" class="animsition-link">Design<small>(4)</small></a></li>
</ul>
</li>
<li>
<a class="sb-toggle-submenu">Links<span class="sb-caret"></span></a>
<ul class="sb-submenu">
<li><a href="http://attanwu.com/" class="animsition-link">Attan</a></li>
</ul>
</li>
</ul>
<!-- Lists in Slidebars -->
<ul class="sb-menu secondary">
<li><a href="/about.html" class="animsition-link" title="about">About</a></li>
<li><a href="/atom.xml" class="animsition-link" title="rss">RSS</a></li>
</ul>
</div>
<!-- ============================ END Off-canvas navigation =========================== -->
<!-- ============================ #sb-site Main Page Wrapper =========================== -->
<div id="sb-site">
<!-- #sb-site - All page content should be contained within this id, except the off-canvas navigation itself -->
<!-- ============================ Header & Logo bar =========================== -->
<div id="navigation" class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<!-- Nav logo -->
<div class="logo">
<a href="/" title="Logo" class="animsition-link">
<img src="/img/logo.png" alt="Logo" width="35px;"/>
</a>
</div>
<!-- // Nav logo -->
<!-- Info-bar -->
<nav>
<ul class="nav">
<li><a href="/" class="animsition-link">SERENDIPITY</a></li>
<li class="nolink"><span>Always </span>Creative.</li>
<li><a href="https://github.com/tricia0127" title="Github" target="_blank"><i class="icon-github"></i></a></li>
<li><a href="http://weibo.com/919970127" title="Sina-Weibo" target="_blank"><i class="icon-sina-weibo"></i></a></li>
<li class="nolink"><span>Welcome!</span></li>
</ul>
</nav>
<!--// Info-bar -->
</div>
<!-- // .container -->
<div class="learnmore sb-toggle-right">More</div>
<button type="button" class="navbar-toggle menu-icon sb-toggle-right" title="More">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar before"></span>
<span class="icon-bar main"></span>
<span class="icon-bar after"></span>
</button>
</div>
<!-- // .navbar-inner -->
</div>
<!-- ============================ Header & Logo bar =========================== -->
<!-- ============================ Hero Image =========================== -->
<section id="hero" class="scrollme">
<div class="container-fluid element-img" style="background: url(https://ftp.bmp.ovh/imgs/2020/01/3837ffbb80d65fe0.jpg) no-repeat center center fixed;background-size: cover">
<div class="row">
<div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2 vertical-align cover boost text-center">
<div class="center-me animateme" data-when="exit" data-from="0" data-to="0.6" data-opacity="0" data-translatey="100">
<div>
<h2>All in the game.</h2>
<p></p>
<h2></h2>
<p>Code | Design | Photography</p>
</div>
</div>
</div>
<!-- // .col-md-12 -->
</div>
<div class="herofade beige-dk"></div>
</div>
</section>
<!-- Height spacing helper -->
<div class="heightblock"></div>
<!-- // End height spacing helper -->
<!-- ============================ END Hero Image =========================== -->
<!-- ============================ Content =========================== -->
<section id="intro">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 opening-statement">
<div class="col-md-4">
<h3><a href="/2020/07/24/车票终究会带我走/">车票终究会带我走</a></h3>
<span>
<span class="post-meta">
<time datetime="2020-07-24T06:41:15.000Z" itemprop="datePublished">
2020-07-24
</time>
|
<a href='/tags/daily/'>daily</a>
</span>
</span>
</div>
<div class="col-md-8">
<p>
2020过去了一半，毕业一年多，研究生拟录取过了两个多月，离职也过去了一个多月。这段时间有没有收获呢，说多也多，说少也少，甚至觉得什么也没沉淀下来。大部分时间还是处于一个迷茫的状态，始终会有peer pressure，也不知道是不是同龄人的普遍的现状。
上半年复工后的三个月自己做了大量的学习积累，在石墨开了文档记录每天的学习总结。三月份开了一个公众号，用于积累用户体验设计方向的经验，目的其实很功利，为了以后面试展示经历更方便。平时没什
</p>
<p class="pull-right readMore">
<a href="/2020/07/24/车票终究会带我走/">Read More...</a>
</p>
</div>
<div class="clearfix"></div>
<hr class="nogutter">
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2 opening-statement">
<div class="col-md-4">
<h3><a href="/2020/02/11/自扒谱-last-dance小提琴谱/">自扒谱 | Last Dance小提琴谱</a></h3>
<span>
<span class="post-meta">
<time datetime="2020-02-11T06:54:30.000Z" itemprop="datePublished">
2020-02-11
</time>
|
<a href='/tags/music/'>Music</a>
</span>
</span>
</div>
<div class="col-md-8">
<p>
最近《想见你》看上头了，自己扒的Last Dance提琴谱，有些装饰音在练习的时候酌情加，酌情减。第二段反复的时候铺子里是多反复了几个小结，问题不大，听一下就知道从哪开始了，这里就不细说了。
视频自己练习的视频已经上传bilibili👇：
谱子写谱子的工具用的是Sibelius，写谱很好上手，其他功能暂时未接触，这里把扒好的谱子贴上来👇：
</p>
<p class="pull-right readMore">
<a href="/2020/02/11/自扒谱-last-dance小提琴谱/">Read More...</a>
</p>
</div>
<div class="clearfix"></div>
<hr class="nogutter">
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2 opening-statement">
<div class="col-md-4">
<h3><a href="/2020/01/23/c4d学习记录（二）/">C4D学习记录（二）</a></h3>
<span>
<span class="post-meta">
<time datetime="2020-01-23T06:20:21.000Z" itemprop="datePublished">
2020-01-23
</time>
|
<a href='/tags/c4d/'>C4D</a>
</span>
</span>
</div>
<div class="col-md-8">
<p>
##0122
模仿纪念碑谷风格，这次主要是建模和渲染设置中有些复杂的地方，材质和灯光比较简单。因为是2.5D风格，所以不需要讲究透视，摄像机那边是开超长焦。在全局光照那边的设置使得物体有点迷散发光的效果。
先放上最终效果：
0126bilibili金牌小电视，表情捏起来用了一些比较复杂的参数，先放效果图：
</p>
<p class="pull-right readMore">
<a href="/2020/01/23/c4d学习记录（二）/">Read More...</a>
</p>
</div>
<div class="clearfix"></div>
<hr class="nogutter">
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2 opening-statement">
<div class="col-md-4">
<h3><a href="/2020/01/13/c4d学习记录（一）/">C4D学习记录（一）</a></h3>
<span>
<span class="post-meta">
<time datetime="2020-01-13T05:47:32.000Z" itemprop="datePublished">
2020-01-13
</time>
|
<a href='/tags/c4d/'>C4D</a>
</span>
</span>
</div>
<div class="col-md-8">
<p>
做的第一个东西是想实现奶酪的效果。主要熟悉了左侧工具栏里的点、边、面模式以及右上角界面中的雕刻变面板里的各种工具。
建模物体基本变形工具针对一个物体，首先要转为可编辑对象，然后才能利用点模式、边模式、面模式使用创建工具中的各种方法。
👆创建工具中的这些工具还要再多用用，一段时间不玩很快就忘了是干什么的。
面模式全选右键给对象增加分段（细分）。
雕刻面板右上角界面下拉框中进入。雕刻面板中的主要工具为右侧垂直列表中的这些工具，用于
</p>
<p class="pull-right readMore">
<a href="/2020/01/13/c4d学习记录（一）/">Read More...</a>
</p>
</div>
<div class="clearfix"></div>
<hr class="nogutter">
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2 opening-statement">
<div class="col-md-4">
<h3><a href="/2020/01/08/好久不见/">好久不见</a></h3>
<span>
<span class="post-meta">
<time datetime="2020-01-08T08:44:06.000Z" itemprop="datePublished">
2020-01-08
</time>
|
<a href='/tags/daily/'>daily</a>
</span>
</span>
</div>
<div class="col-md-8">
<p>
18年10月份的时候七牛云的测试域名被回收了，自己的域名没有备案，所以图片外链都失效了，因为那段时间自己根本没时间管这些事，所以一直一直没有整理博客，这两年来我都在干什么，这篇文章我来好好捋一下。
2018年18年1月份的时候，我花了整一个寒假+开学一个月的时间整理出了我第一份作品集，那时候是大三下学期，准备春天的时候找实习用。
17年底自己就大致了解过考研院校的信息，当时已经决定往交互设计方向读，因为本科是计算机出生，所以交叉学科上
</p>
<p class="pull-right readMore">
<a href="/2020/01/08/好久不见/">Read More...</a>
</p>
</div>
<div class="clearfix"></div>
<hr class="nogutter">
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2 opening-statement">
<div class="col-md-4">
<h3><a href="/2018/04/13/interview-experience/">记和京东的三面之交</a></h3>
<span>
<span class="post-meta">
<time datetime="2018-04-13T05:18:41.000Z" itemprop="datePublished">
2018-04-13
</time>
|
<a href='/tags/daily/'>daily</a>
</span>
</span>
</div>
<div class="col-md-8">
<p>
今年3月7日的时候顺利拿到了北京京东总部京东商城-居家生活事业部-产品研发部的offer，这是我人生第三次面试，拿到的第二个实习offer，本来计划是一直实习到大三下学期结束+一个暑假的，不过学校层面的原因最后放弃了这个机会，在这记录一下面试过程。现在正在杭州等腾讯ieg的复试结果，所以时间正好空，就回忆回忆我和京东的这三面之交。寒假花了点时间准备交互作品集，不过开学之后作品集的内容还没有很完善，想到pm和交互的工作职责有些穿插，就先投
</p>
<p class="pull-right readMore">
<a href="/2018/04/13/interview-experience/">Read More...</a>
</p>
</div>
<div class="clearfix"></div>
<hr class="nogutter">
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2 opening-statement">
<div class="col-md-4">
<h3><a href="/2018/01/16/南邮小程序交互-视觉设计/">南邮小程序交互&视觉设计</a></h3>
<span>
<span class="post-meta">
<time datetime="2018-01-16T11:31:48.000Z" itemprop="datePublished">
2018-01-16
</time>
|
<a href='/tags/ue/'>UE</a>,
<a href='/tags/ui/'>UI</a>
</span>
</span>
</div>
<div class="col-md-8">
<p>
更新于2020.1.8:从17年开始，学习和生活似乎都离不开南邮小程序了。从0到1创造出了南邮小程序，从0到10万用户量的增长，改变了我对自身发展方向的思考，给了我很多很多机会，3年过去了，之前开的坑没有填，不过准备写点历程回顾一下。
</p>
<p class="pull-right readMore">
<a href="/2018/01/16/南邮小程序交互-视觉设计/">Read More...</a>
</p>
</div>
<div class="clearfix"></div>
<hr class="nogutter">
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2 opening-statement">
<div class="col-md-4">
<h3><a href="/2017/11/16/python实现基于哈夫曼算法的加解密工具/">python实现基于哈夫曼算法的加解密工具</a></h3>
<span>
<span class="post-meta">
<time datetime="2017-11-16T15:49:13.000Z" itemprop="datePublished">
2017-11-16
</time>
|
<a href='/tags/python/'>Python</a>
</span>
</span>
</div>
<div class="col-md-8">
<p>
1.写在开头本学期程序设计周的题目，利用哈夫曼算法实现了一个加解密的工具。
基本要求：(1) 根据给定的单词字典库，为每个单词配置一个随机数作为权重，利用哈夫曼算法为各单词生成对应的密文，从而构造密码字典；(2) 利用密码字典实现对输入文件的加解密；(3) 界面友好、直观；提高要求：(1) 按照基本要求实现的加解密系统无法抵抗基于单词频度分析的攻击，试设计能够抵御频度分析攻击的基于哈夫曼算法的加解密方法（提示：可以采用多密码字典混
</p>
<p class="pull-right readMore">
<a href="/2017/11/16/python实现基于哈夫曼算法的加解密工具/">Read More...</a>
</p>
</div>
<div class="clearfix"></div>
<hr class="nogutter">
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2 opening-statement">
<div class="col-md-4">
<h3><a href="/2017/10/16/用python实现的猜数字小游戏/">用python实现的猜数字小游戏</a></h3>
<span>
<span class="post-meta">
<time datetime="2017-10-16T12:36:42.000Z" itemprop="datePublished">
2017-10-16
</time>
|
<a href='/tags/python/'>Python</a>
</span>
</span>
</div>
<div class="col-md-8">
<p>
跟着教程写了一个简单的python程序。
实现的功能是：输入玩家姓名后，给了个1～100的随机数，玩家一步步猜测，程序会记录该用户游戏玩的次数、猜中数字的游戏次数中最少的一次轮数、所有游戏次数的总轮数，然后计算得到猜中数字需要的平均轮数输出。
一个比较简单的练习，不过语法还在慢慢熟练过程中，每行语义还是值得细细思考的。主要运用了列表、字典、文件读取及涉及的部分函数，并配合基本的循环结构写的。
之前自己看教程用pycharm3.6的版本写
</p>
<p class="pull-right readMore">
<a href="/2017/10/16/用python实现的猜数字小游戏/">Read More...</a>
</p>
</div>
<div class="clearfix"></div>
<hr class="nogutter">
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2 opening-statement">
<div class="col-md-4">
<h3><a href="/2017/07/13/科技节手机ui主题设计大赛/">科技节手机UI主题设计大赛</a></h3>
<span>
<span class="post-meta">
<time datetime="2017-07-13T08:58:52.000Z" itemprop="datePublished">
2017-07-13
</time>
|
<a href='/tags/ui/'>UI</a>
</span>
</span>
</div>
<div class="col-md-8">
<p>
这个比赛其实是半年前的了，因为最近在休整博客，准备把一些设计和摄影的作品也都慢慢放进来，所以翻了些陈年旧事。
当时学校科技节，有不少比赛。大一的时候其实也报了这个比赛的名，因为懒，后来并没有提交作品（逃），大二为了水点自主化学分，感觉这个比赛比较稳，于是花了一周的时间做这套UI。（捂脸比赛毕竟还是比赛，评委还是那些老师，那肯定不能按套路来……所以果断地避开了扁平和渐变之类的设计潮流，也规避了极简，选择了偏拟物的中国风，颜色也选的都是饱和
</p>
<p class="pull-right readMore">
<a href="/2017/07/13/科技节手机ui主题设计大赛/">Read More...</a>
</p>
</div>
<div class="clearfix"></div>
<hr class="nogutter">
</div>
</div>
<nav class="pagination" role="pagination">
<a class="pull-right" href="/page/2/">Older Posts →</a>
</nav>
</div>
</section>
<section id="statement">
<div class="container text-center wow fadeInUp" data-wow-delay="0.5s">
<div class="row">
<p></p>
</div>
</div>
</section>
<!-- ============================ END Content =========================== -->
<!-- ============================ Footer =========================== -->
<footer>
<div class="container">
<div class="copy">
<p>
© 2017<script>new Date().getFullYear()>2010&&document.write("-"+new Date().getFullYear());</script>, Tricia. All Rights Reserved.
</p>
</div>
<div class="social">
<ul>
<li><a href="https://github.com/tricia0127" title="Github" target="_blank"><i class="icon-github"></i></a> </li>
<li><a href="http://weibo.com/919970127" title="Sina-Weibo" target="_blank"><i class="icon-sina-weibo"></i></a> </li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</footer>
<!-- ============================ END Footer =========================== -->
<!-- Load our scripts -->
<!-- Resizable 'on-demand' full-height hero -->
<script type="text/javascript">
var resizeHero = function () {
var hero = $(".cover,.heightblock"),
window1 = $(window);
hero.css({
"height": window1.height()
});
};
resizeHero();
$(window).resize(function () {
resizeHero();
});
</script>
<script src="/js/plugins.min.js"></script><!-- Bootstrap core and concatenated plugins always load here -->
<script src="/js/jquery.flexslider-min.js"></script><!-- Flexslider plugin -->
<script src="/js/scripts.js"></script><!-- Theme scripts -->
<link rel="stylesheet" href="/fancybox/jquery.fancybox.css" media="screen" type="text/css">
<script src="/fancybox/jquery.fancybox.pack.js"></script>
<script type="text/javascript">
$('#intro').find('img').each(function(){
var alt = this.alt;
if (alt){
$(this).after('<span class="caption" style="display:none">' + alt + '</span>');
}
$(this).wrap('<a href="' + this.src + '" title="' + alt + '" class="fancybox" rel="gallery" />');
});
(function($){
$('.fancybox').fancybox();
})(jQuery);
</script>
<!-- Initiate flexslider plugin -->
<script type="text/javascript">
$(document).ready(function($) {
(function(){
console.log('font');
var getCss = function(path) {
var head = document.getElementsByTagName('head')[0];
link = document.createElement('link');
link.href = path;
link.rel = 'stylesheet';
link.type = 'text/css';
head.appendChild(link);
};
getCss('https://fonts.googleapis.com/css?family=Montserrat:400,700');
getCss('https://fonts.googleapis.com/css?family=Open+Sans:400,600');
})();
$('.flexslider').flexslider({
animation: "fade",
prevText: "",
nextText: "",
directionNav: true
});
});
</script>
</body>
</html>