https://fraserxu.github.io/archive/

1<!DOCTYPE html>
2<html>
3
4  <head>
5  <link href="http://gmpg.org/xfn/11" rel="profile">
6  <meta http-equiv="X-UA-Compatible" content="IE=edge">
7  <meta http-equiv="content-type" content="text/html; charset=utf-8">
8
9  <!-- Enable responsiveness on mobile devices-->
10  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
11
12  <link rel="manifest" href="/manifest.json">
13
14  <title>
15    
16      Archieve &middot; Fraser Xu
17    
18  </title>
19
20  <!-- CSS -->
21  <link rel="stylesheet" href="/public/css/poole.css">
22  <link rel="stylesheet" href="/public/css/syntax.css">
23  <link rel="stylesheet" href="/public/css/lanyon.css">
24  <link rel="stylesheet" href="//fonts.proxy.ustclug.org/css?family=PT+Serif:400,400italic,700%7CPT+Sans">
25
26  <!-- Icons -->
27  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="public/apple-touch-icon-precomposed.png">
28  <link rel="shortcut icon" href="/public/favicon.ico">
29
30  <!-- RSS -->
31  <link rel="alternate" type="application/rss+xml" title="RSS" href="/atom.xml">
32</head>
33
34
35<body>
36
37  <!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
38     styles, `#sidebar-checkbox` for behavior. -->
39<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
40
41<!-- Toggleable sidebar -->
42<div class="sidebar" id="sidebar">
43  <div class="sidebar-item">
44    <p>Thoughts on life and code.</p>
45  </div>
46
47  <nav class="sidebar-nav">
48    <a class="sidebar-nav-item" href="">Home</a>
49    <a class="sidebar-nav-item" href="https://resume.fraserxu.me">Resume</a>
50
51    
52
53    
54    
55      
56        
57      
58    
59      
60        
61      
62    
63      
64        
65          <a class="sidebar-nav-item" href="/about/">About</a>
66        
67      
68    
69      
70        
71          <a class="sidebar-nav-item active" href="/archive/">Archieve</a>
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  </nav>
135
136  <div class="sidebar-item">
137    <p>
138      &copy; 2020. All rights reserved.
139    </p>
140  </div>
141</div>
142
143
144  <div class="wrap">
145    <div class="masthead">
146      <div class="container">
147        <h3 class="masthead-title">
148          <a href="/" title="Home">Fraser Xu</a>
149          <small>Thoughts on life and code.</small>
150        </h3>
151      </div>
152    </div>
153
154    <div class="container content">
155      <div class="page">
156  <h1 class="page-title">Archieve</h1>
157  <div class="archive">
158  
159    
160    
161      
162      <h1>2017</h1>
163      <ul>
164      
165    
166    <li><a href="/2017/01/01/2016-review/">2016 Review</a></li>
167  
168    
169    
170      
171        </ul>
172      
173      <h1>2016</h1>
174      <ul>
175      
176    
177    <li><a href="/2016/05/31/my-first-production-isomorphic-graphql-app/">My First Production Isomorphic React Graphql Project</a></li>
178  
179    
180    
181    <li><a href="/2016/01/29/setup-electron-on-ubuntu/">Setup Electron on Ubuntu</a></li>
182  
183    
184    
185    <li><a href="/2016/01/01/2015-review/">2015 Review</a></li>
186  
187    
188    
189      
190        </ul>
191      
192      <h1>2015</h1>
193      <ul>
194      
195    
196    <li><a href="/2015/11/10/hands-on-react-native/">Building a Native Soundcloud Android app with React Native and Redux</a></li>
197  
198    
199    
200    <li><a href="/2015/09/18/translation-workflow-in-Electron-application/">Translation workflow in Electron application</a></li>
201  
202    
203    
204    <li><a href="/2015/08/20/pdf-generation-on-the-web/">PDF Generation On The Web</a></li>
205  
206    
207    
208    <li><a href="/2015/07/13/a-recall-on-2015-jsconf-china/">2015 JavaScript中国开发者大会的一些感受</a></li>
209  
210    
211    
212    <li><a href="/2015/06/03/react-data-visualization/">React & Data Visualization</a></li>
213  
214    
215    
216    <li><a href="/2015/04/13/april-journey-to-shenzhen/">4月深圳之行的一些感想</a></li>
217  
218    
219    
220      
221        </ul>
222      
223      <h1>2014</h1>
224      <ul>
225      
226    
227    <li><a href="/2014/09/20/why-we-may-ditch-angularjs-for-react/">Why We May Ditch AngularJS For React</a></li>
228  
229    
230    
231    <li><a href="/2014/08/31/react-component-lifecycle/">React入门教程 - 组件生命周期</a></li>
232  
233    
234    
235    <li><a href="/2014/08/28/tmux-cheatsheet/">Tmux Cheat Sheets</a></li>
236  
237    
238    
239    <li><a href="/2014/08/26/react-state-basics/">React入门教程 - state基础</a></li>
240  
241    
242    
243    <li><a href="/2014/08/24/react-introduction-to-properties/">React入门教程 - Properties简介</a></li>
244  
245    
246    
247    <li><a href="/2014/08/23/React-Render-Method/">React入门教程 - Render渲染方法</a></li>
248  
249    
250    
251    <li><a href="/2014/08/18/React-First-Component/">React入门教程-编写第一个组件</a></li>
252  
253    
254    
255    <li><a href="/2014/07/09/My-Front-end-Development-Workflow/">My Front-end Development Workflow</a></li>
256  
257    
258    
259    <li><a href="/2014/03/10/Am-I-talking-too-much/">Am I talking too much?</a></li>
260  
261    
262    
263      
264        </ul>
265      
266      <h1>2013</h1>
267      <ul>
268      
269    
270    <li><a href="/2013/12/22/My-2013/">My 2013</a></li>
271  
272    
273    
274    <li><a href="/2013/09/12/Using-Handlebarsjs-with-Expressjs/">在Express项目中使用Handlebars模板引擎</a></li>
275  
276    
277    
278    <li><a href="/2013/08/07/Form-validation-with-AngularJS/">AngularJS表单验证</a></li>
279  
280    
281    
282    <li><a href="/2013/06/22/Nginx-for-developers/">写给Web开发人员看的Nginx介绍</a></li>
283  
284    
285    
286    <li><a href="/2013/06/07/understanding-expressjs/">(譯)深入理解Express.js</a></li>
287  
288    
289    
290    <li><a href="/2013/06/07/thoughts-of-these-days/">Life Sucks</a></li>
291  
292    
293    
294    <li><a href="/2013/06/02/change-jekyll-blog-layout-in-ten-minutes/">教你10分鐘內替換Jekyll博客樣式</a></li>
295  
296    
297    
298    <li><a href="/2013/05/08/nodejs-job-queue-with-que/">Nodejs Job Queue With Kue</a></li>
299  
300    
301    
302    <li><a href="/2013/04/29/the-right-way-of-coding-angularjs-how-to-organize-a-regular-webapp/">如何组织AngularJS项目代码结构</a></li>
303  
304    
305    
306    <li><a href="/2013/03/05/7-video-integration-with-jekyll/">Video integration with Jekyll</a></li>
307  
308    
309    
310    <li><a href="/blog/2013/03/02/7-great-reasons-to-encourage-working-remotely/">鼓励远程办公的七个理由</a></li>
311  
312    
313    
314    <li><a href="/posts/2013/02/26/life-is-fucking-expensive/">Life is fucking expensive</a></li>
315  
316    
317    
318      
319        </ul>
320      
321      <h1>2012</h1>
322      <ul>
323      
324    
325    <li><a href="/2012/12/16/fittss-law-and-user-experience/">哪些场合不宜用菲茨定律去衡量用户体验标准</a></li>
326  
327    
328    
329    <li><a href="/2012/12/12/client-side-templating/">前端模版引擎</a></li>
330  
331    
332    
333    <li><a href="/2012/12/12/closing_the_book_on_javascript_closures/">是时候扔掉那本讲JavaScript“闭包”的书了</a></li>
334  
335    
336    
337    <li><a href="/2012/11/10/adaptive-vs-responsive-layouts-and-optimal-form-field-labels/">自适应与响应式布局</a></li>
338  
339    
340    
341    <li><a href="/2012/11/08/real-time-geolocation-service-with-node-js/">使用NODE.JS建立实时地理位置服务应用</a></li>
342  
343    
344    
345    <li><a href="/2012/10/18/the-reason-why-not-chose-campus-recrument/">我为什么不选择校园招聘</a></li>
346  
347    
348    
349    <li><a href="/2012/09/07/do-i-really-need-a-style-guide/">你的网站真的需要风格样式指南吗？</a></li>
350  
351    
352    
353    <li><a href="/2012/09/04/oop-base/">面向对象开发基础知识</a></li>
354  
355    
356    
357    <li><a href="/2012/08/21/html5forms/">使用HTML5建立无与伦比的表单</a></li>
358  
359</div>
360
361
362
363
364</div>
365
366
367    </div>
368  </div>
369
370  <label for="sidebar-checkbox" class="sidebar-toggle"></label>
371
372  

372<script>
373    (function(document) {
374      var toggle = document.querySelector('.sidebar-toggle');
375      var sidebar = document.querySelector('#sidebar');
376      var checkbox = document.querySelector('#sidebar-checkbox');
377
378      document.addEventListener('click', function(e) {
379        var target = e.target;
380
381        if(!checkbox.checked ||
382           sidebar.contains(target) ||
383           (target === checkbox || target === toggle)) return;
384
385        checkbox.checked = false;
386      }, false);
387    })(document);
388  </script>

388
389
390  

390<script>

390
391    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
392    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
393    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
394    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
395
396    ga('create', '

396UA-45204123-1

396', 'fraserxu.me');
397    ga('send', 'pageview');
398
399  

399</script>

399
400</body>
401</html>