281 public/tags/ajax/index.html
View file
@@ -0,0 +1,281 @@
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset="utf-8">

<title>Tag: AJAX | andrew.dev.note</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta property="og:type" content="website">
<meta property="og:title" content="andrew.dev.note">
<meta property="og:url" content="http://yoursite.com/tags/AJAX/index.html">
<meta property="og:site_name" content="andrew.dev.note">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="andrew.dev.note">






<link rel="stylesheet" href="/libs/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/libs/open-sans/styles.css">
<link rel="stylesheet" href="/libs/source-code-pro/styles.css">

<link rel="stylesheet" href="/css/style.css">

<script src="/libs/jquery/2.1.3/jquery.min.js"></script>


<link rel="stylesheet" href="/libs/lightgallery/css/lightgallery.min.css">


<link rel="stylesheet" href="/libs/justified-gallery/justifiedGallery.min.css">






</head>

<body>
<div id="container">
<header id="header">
<div id="header-main" class="header-inner">
<div class="outer">
<a href="/" id="logo">

<span class="site-title">andrew.dev.note</span>
</a>
<nav id="main-nav">

</nav>


<nav id="sub-nav">
<div class="profile" id="profile-nav">
<a id="profile-anchor" href="javascript:;">
<img class="avatar" src="https://scontent-tpe1-1.xx.fbcdn.net/v/t1.0-9/11891179_10207520922489618_6751088857900600098_n.jpg?oh=ba20b2445bfbefabdecc6701ce3e2453&amp;oe=5A30C979" />
<i class="fa fa-caret-down"></i>
</a>
</div>
</nav>

<!-- <div id="search-form-wrap">
<form class="search-form">
<input type="text" class="ins-search-input search-form-input" placeholder="Search" />
<button type="submit" class="search-form-submit"></button>
</form>
<div class="ins-search">
<div class="ins-search-mask"></div>
<div class="ins-search-container">
<div class="ins-input-wrapper">
<input type="text" class="ins-search-input" placeholder="Type something..." />
<span class="ins-close ins-selectable"><i class="fa fa-times-circle"></i></span>
</div>
<div class="ins-section-wrapper">
<div class="ins-section-container"></div>
</div>
</div>
</div>
<script>
(function (window) {
var INSIGHT_CONFIG = {
TRANSLATION: {
POSTS: 'Posts',
PAGES: 'Pages',
CATEGORIES: 'Categories',
TAGS: 'Tags',
UNTITLED: '(Untitled)',
},
ROOT_URL: '/',
CONTENT_URL: '/content.json',
};
window.INSIGHT_CONFIG = INSIGHT_CONFIG;
})(window);
</script>
<script src="/js/insight.js"></script>
</div> -->
</div>
</div>
<div id="main-nav-mobile" class="header-sub header-inner">
<table class="menu outer">
<tr>

<!-- <td>
<div class="search-form">
<input type="text" class="ins-search-input search-form-input" placeholder="Search" />
</div>
</td> -->
</tr>
</table>
</div>
</header>

<div class="outer">



<aside id="profile">
<div class="inner profile-inner">
<div class="base-info profile-block">
<img id="avatar" src="https://scontent-tpe1-1.xx.fbcdn.net/v/t1.0-9/11891179_10207520922489618_6751088857900600098_n.jpg?oh=ba20b2445bfbefabdecc6701ce3e2453&amp;oe=5A30C979" />
<h2 id="name">Andrew Yan</h2>
<h3 id="title">Web Developer, Frontend Engineer, Software Engineer</h3>
<!-- <span id="location"><i class="fa fa-map-marker"></i>Taipei, Taiwan</span> -->
<!-- <a id="follow" target="_blank" href="https://github.com/ppoffice/">FOLLOW</a> -->
</div>
<div class="article-info profile-block">
<div class="article-info-block">
23
<span>posts</span>
</div>
<div class="article-info-block">
24
<span>tags</span>
</div>
</div>

<div class="profile-block social-links">
<table>
<tr>


<td>
<a href="https://github.com/zushenyan" target="_blank" title="github" class=tooltip>
<i class="fa fa-github"></i>
</a>
</td>

<td>
<a href="https://twitter.com/zushenyan" target="_blank" title="twitter" class=tooltip>
<i class="fa fa-twitter"></i>
</a>
</td>

<td>
<a href="https://www.facebook.com/zushen.yan" target="_blank" title="facebook" class=tooltip>
<i class="fa fa-facebook"></i>
</a>
</td>

<td>
<a href="https://www.linkedin.com/in/zushenyan" target="_blank" title="linkedin" class=tooltip>
<i class="fa fa-linkedin"></i>
</a>
</td>

</tr>
</table>
</div>

</div>
</aside>


<section id="main">
<div class="timeline timeline-wrap">
<div class="timeline-row timeline-row-major">
<span class="node"><i class="fa fa-tag"></i></span>
<h1 class="title">#AJAX</h1>
</div>

<div class="timeline-row">
<span class="node"></span>
<div class="content">


<h1 itemprop="name">
<a class="timeline-article-title" href="/2015/10/12/frontend-fundamental-ajax-jsonp-and-cors/">Frontend Fundamental - AJAX, JSONP and CORS</a>
</h1>


<div class="article-meta">

<div class="article-date">
<i class="fa fa-calendar"></i>
<a href="/2015/10/12/frontend-fundamental-ajax-jsonp-and-cors/">
<time datetime="2015-10-12T07:42:01.000Z" itemprop="datePublished">2015-10-12</time>
</a>
</div>




<div class="article-tag">
<i class="fa fa-tag"></i>
<a class="tag-link" href="/tags/AJAX/">AJAX</a>, <a class="tag-link" href="/tags/CORS/">CORS</a>, <a class="tag-link" href="/tags/HTTP-HTTPS/">HTTP/HTTPS</a>, <a class="tag-link" href="/tags/web/">web</a>
</div>

</div>
</div>
</div>

</div>
</section>


<aside id="sidebar">


<div class="widget-wrap">
<h3 class="widget-title">archives</h3>
<div class="widget">
<ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/08/">August 2017</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/04/">April 2017</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/03/">March 2017</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/02/">February 2017</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/12/">December 2016</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/12/">December 2015</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/11/">November 2015</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/10/">October 2015</a><span class="archive-list-count">6</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2013/10/">October 2013</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2013/09/">September 2013</a><span class="archive-list-count">4</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2013/08/">August 2013</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2013/06/">June 2013</a><span class="archive-list-count">1</span></li></ul>
</div>
</div>



<div class="widget-wrap">
<h3 class="widget-title">tag cloud</h3>
<div class="widget tagcloud">
<a href="/tags/AJAX/" style="font-size: 10px;">AJAX</a> <a href="/tags/CORS/" style="font-size: 10px;">CORS</a> <a href="/tags/FP/" style="font-size: 12px;">FP</a> <a href="/tags/GraphQL/" style="font-size: 10px;">GraphQL</a> <a href="/tags/HTML/" style="font-size: 10px;">HTML</a> <a href="/tags/HTTP-HTTPS/" style="font-size: 16px;">HTTP/HTTPS</a> <a href="/tags/PWA/" style="font-size: 10px;">PWA</a> <a href="/tags/REST/" style="font-size: 10px;">REST</a> <a href="/tags/architecture/" style="font-size: 10px;">architecture</a> <a href="/tags/backend/" style="font-size: 12px;">backend</a> <a href="/tags/concurrent/" style="font-size: 12px;">concurrent</a> <a href="/tags/frontend/" style="font-size: 18px;">frontend</a> <a href="/tags/git/" style="font-size: 10px;">git</a> <a href="/tags/interview/" style="font-size: 10px;">interview</a> <a href="/tags/javascript/" style="font-size: 20px;">javascript</a> <a href="/tags/meta/" style="font-size: 18px;">meta</a> <a href="/tags/mobile/" style="font-size: 12px;">mobile</a> <a href="/tags/network/" style="font-size: 14px;">network</a> <a href="/tags/octopress/" style="font-size: 10px;">octopress</a> <a href="/tags/programming/" style="font-size: 12px;">programming</a> <a href="/tags/redux/" style="font-size: 10px;">redux</a> <a href="/tags/testing/" style="font-size: 10px;">testing</a> <a href="/tags/web/" style="font-size: 16px;">web</a> <a href="/tags/websocket/" style="font-size: 10px;">websocket</a>
</div>
</div>


<div id="toTop" class="fa fa-angle-up"></div>
</aside>


</div>
<footer id="footer">
<div class="outer">
<div id="footer-info" class="inner">
&copy; 2017 Andrew Yan<br>
Powered by <a href="http://hexo.io/" target="_blank">Hexo</a>. Theme by <a href="http://github.com/ppoffice">PPOffice</a>
</div>
</div>
</footer>




<script src="/libs/lightgallery/js/lightgallery.min.js"></script>
<script src="/libs/lightgallery/js/lg-thumbnail.min.js"></script>
<script src="/libs/lightgallery/js/lg-pager.min.js"></script>
<script src="/libs/lightgallery/js/lg-autoplay.min.js"></script>
<script src="/libs/lightgallery/js/lg-fullscreen.min.js"></script>
<script src="/libs/lightgallery/js/lg-zoom.min.js"></script>
<script src="/libs/lightgallery/js/lg-hash.min.js"></script>
<script src="/libs/lightgallery/js/lg-share.min.js"></script>
<script src="/libs/lightgallery/js/lg-video.min.js"></script>


<script src="/libs/justified-gallery/jquery.justifiedGallery.min.js"></script>





<!-- Custom Scripts -->
<script src="/js/main.js"></script>

</div>
</body>
</html>
408 public/tags/architecture/index.html
View file

Large diffs are not rendered by default.

312 public/tags/backend/index.html
View file
@@ -0,0 +1,312 @@
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset="utf-8">

<title>Tag: backend | andrew.dev.note</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta property="og:type" content="website">
<meta property="og:title" content="andrew.dev.note">
<meta property="og:url" content="http://yoursite.com/tags/backend/index.html">
<meta property="og:site_name" content="andrew.dev.note">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="andrew.dev.note">






<link rel="stylesheet" href="/libs/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/libs/open-sans/styles.css">
<link rel="stylesheet" href="/libs/source-code-pro/styles.css">

<link rel="stylesheet" href="/css/style.css">

<script src="/libs/jquery/2.1.3/jquery.min.js"></script>


<link rel="stylesheet" href="/libs/lightgallery/css/lightgallery.min.css">


<link rel="stylesheet" href="/libs/justified-gallery/justifiedGallery.min.css">






</head>

<body>
<div id="container">
<header id="header">
<div id="header-main" class="header-inner">
<div class="outer">
<a href="/" id="logo">

<span class="site-title">andrew.dev.note</span>
</a>
<nav id="main-nav">

</nav>


<nav id="sub-nav">
<div class="profile" id="profile-nav">
<a id="profile-anchor" href="javascript:;">
<img class="avatar" src="https://scontent-tpe1-1.xx.fbcdn.net/v/t1.0-9/11891179_10207520922489618_6751088857900600098_n.jpg?oh=ba20b2445bfbefabdecc6701ce3e2453&amp;oe=5A30C979" />
<i class="fa fa-caret-down"></i>
</a>
</div>
</nav>

<!-- <div id="search-form-wrap">
<form class="search-form">
<input type="text" class="ins-search-input search-form-input" placeholder="Search" />
<button type="submit" class="search-form-submit"></button>
</form>
<div class="ins-search">
<div class="ins-search-mask"></div>
<div class="ins-search-container">
<div class="ins-input-wrapper">
<input type="text" class="ins-search-input" placeholder="Type something..." />
<span class="ins-close ins-selectable"><i class="fa fa-times-circle"></i></span>
</div>
<div class="ins-section-wrapper">
<div class="ins-section-container"></div>
</div>
</div>
</div>
<script>
(function (window) {
var INSIGHT_CONFIG = {
TRANSLATION: {
POSTS: 'Posts',
PAGES: 'Pages',
CATEGORIES: 'Categories',
TAGS: 'Tags',
UNTITLED: '(Untitled)',
},
ROOT_URL: '/',
CONTENT_URL: '/content.json',
};
window.INSIGHT_CONFIG = INSIGHT_CONFIG;
})(window);
</script>
<script src="/js/insight.js"></script>
</div> -->
</div>
</div>
<div id="main-nav-mobile" class="header-sub header-inner">
<table class="menu outer">
<tr>

<!-- <td>
<div class="search-form">
<input type="text" class="ins-search-input search-form-input" placeholder="Search" />
</div>
</td> -->
</tr>
</table>
</div>
</header>

<div class="outer">



<aside id="profile">
<div class="inner profile-inner">
<div class="base-info profile-block">
<img id="avatar" src="https://scontent-tpe1-1.xx.fbcdn.net/v/t1.0-9/11891179_10207520922489618_6751088857900600098_n.jpg?oh=ba20b2445bfbefabdecc6701ce3e2453&amp;oe=5A30C979" />
<h2 id="name">Andrew Yan</h2>
<h3 id="title">Web Developer, Frontend Engineer, Software Engineer</h3>
<!-- <span id="location"><i class="fa fa-map-marker"></i>Taipei, Taiwan</span> -->
<!-- <a id="follow" target="_blank" href="https://github.com/ppoffice/">FOLLOW</a> -->
</div>
<div class="article-info profile-block">
<div class="article-info-block">
23
<span>posts</span>
</div>
<div class="article-info-block">
24
<span>tags</span>
</div>
</div>

<div class="profile-block social-links">
<table>
<tr>


<td>
<a href="https://github.com/zushenyan" target="_blank" title="github" class=tooltip>
<i class="fa fa-github"></i>
</a>
</td>

<td>
<a href="https://twitter.com/zushenyan" target="_blank" title="twitter" class=tooltip>
<i class="fa fa-twitter"></i>
</a>
</td>

<td>
<a href="https://www.facebook.com/zushen.yan" target="_blank" title="facebook" class=tooltip>
<i class="fa fa-facebook"></i>
</a>
</td>

<td>
<a href="https://www.linkedin.com/in/zushenyan" target="_blank" title="linkedin" class=tooltip>
<i class="fa fa-linkedin"></i>
</a>
</td>

</tr>
</table>
</div>

</div>
</aside>


<section id="main">
<div class="timeline timeline-wrap">
<div class="timeline-row timeline-row-major">
<span class="node"><i class="fa fa-tag"></i></span>
<h1 class="title">#backend</h1>
</div>

<div class="timeline-row">
<span class="node"></span>
<div class="content">


<h1 itemprop="name">
<a class="timeline-article-title" href="/2017/08/10/GraphQL-vs-REST-My-Review/">GraphQL vs REST - My Review</a>
</h1>


<div class="article-meta">

<div class="article-date">
<i class="fa fa-calendar"></i>
<a href="/2017/08/10/GraphQL-vs-REST-My-Review/">
<time datetime="2017-08-10T14:31:47.000Z" itemprop="datePublished">2017-08-10</time>
</a>
</div>




<div class="article-tag">
<i class="fa fa-tag"></i>
<a class="tag-link" href="/tags/GraphQL/">GraphQL</a>, <a class="tag-link" href="/tags/HTTP-HTTPS/">HTTP/HTTPS</a>, <a class="tag-link" href="/tags/REST/">REST</a>, <a class="tag-link" href="/tags/backend/">backend</a>, <a class="tag-link" href="/tags/network/">network</a>, <a class="tag-link" href="/tags/web/">web</a>
</div>

</div>
</div>
</div>

<div class="timeline-row">
<span class="node"></span>
<div class="content">


<h1 itemprop="name">
<a class="timeline-article-title" href="/2015/11/20/backend-fundamental-cookie-and-session/">Backend Fundamental - Cookie and Session</a>
</h1>


<div class="article-meta">

<div class="article-date">
<i class="fa fa-calendar"></i>
<a href="/2015/11/20/backend-fundamental-cookie-and-session/">
<time datetime="2015-11-20T06:35:27.000Z" itemprop="datePublished">2015-11-20</time>
</a>
</div>




<div class="article-tag">
<i class="fa fa-tag"></i>
<a class="tag-link" href="/tags/backend/">backend</a>, <a class="tag-link" href="/tags/web/">web</a>
</div>

</div>
</div>
</div>

</div>
</section>


<aside id="sidebar">


<div class="widget-wrap">
<h3 class="widget-title">archives</h3>
<div class="widget">
<ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/08/">August 2017</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/04/">April 2017</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/03/">March 2017</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/02/">February 2017</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/12/">December 2016</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/12/">December 2015</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/11/">November 2015</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/10/">October 2015</a><span class="archive-list-count">6</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2013/10/">October 2013</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2013/09/">September 2013</a><span class="archive-list-count">4</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2013/08/">August 2013</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2013/06/">June 2013</a><span class="archive-list-count">1</span></li></ul>
</div>
</div>



<div class="widget-wrap">
<h3 class="widget-title">tag cloud</h3>
<div class="widget tagcloud">
<a href="/tags/AJAX/" style="font-size: 10px;">AJAX</a> <a href="/tags/CORS/" style="font-size: 10px;">CORS</a> <a href="/tags/FP/" style="font-size: 12px;">FP</a> <a href="/tags/GraphQL/" style="font-size: 10px;">GraphQL</a> <a href="/tags/HTML/" style="font-size: 10px;">HTML</a> <a href="/tags/HTTP-HTTPS/" style="font-size: 16px;">HTTP/HTTPS</a> <a href="/tags/PWA/" style="font-size: 10px;">PWA</a> <a href="/tags/REST/" style="font-size: 10px;">REST</a> <a href="/tags/architecture/" style="font-size: 10px;">architecture</a> <a href="/tags/backend/" style="font-size: 12px;">backend</a> <a href="/tags/concurrent/" style="font-size: 12px;">concurrent</a> <a href="/tags/frontend/" style="font-size: 18px;">frontend</a> <a href="/tags/git/" style="font-size: 10px;">git</a> <a href="/tags/interview/" style="font-size: 10px;">interview</a> <a href="/tags/javascript/" style="font-size: 20px;">javascript</a> <a href="/tags/meta/" style="font-size: 18px;">meta</a> <a href="/tags/mobile/" style="font-size: 12px;">mobile</a> <a href="/tags/network/" style="font-size: 14px;">network</a> <a href="/tags/octopress/" style="font-size: 10px;">octopress</a> <a href="/tags/programming/" style="font-size: 12px;">programming</a> <a href="/tags/redux/" style="font-size: 10px;">redux</a> <a href="/tags/testing/" style="font-size: 10px;">testing</a> <a href="/tags/web/" style="font-size: 16px;">web</a> <a href="/tags/websocket/" style="font-size: 10px;">websocket</a>
</div>
</div>


<div id="toTop" class="fa fa-angle-up"></div>
</aside>


</div>
<footer id="footer">
<div class="outer">
<div id="footer-info" class="inner">
&copy; 2017 Andrew Yan<br>
Powered by <a href="http://hexo.io/" target="_blank">Hexo</a>. Theme by <a href="http://github.com/ppoffice">PPOffice</a>
</div>
</div>
</footer>




<script src="/libs/lightgallery/js/lightgallery.min.js"></script>
<script src="/libs/lightgallery/js/lg-thumbnail.min.js"></script>
<script src="/libs/lightgallery/js/lg-pager.min.js"></script>
<script src="/libs/lightgallery/js/lg-autoplay.min.js"></script>
<script src="/libs/lightgallery/js/lg-fullscreen.min.js"></script>
<script src="/libs/lightgallery/js/lg-zoom.min.js"></script>
<script src="/libs/lightgallery/js/lg-hash.min.js"></script>
<script src="/libs/lightgallery/js/lg-share.min.js"></script>
<script src="/libs/lightgallery/js/lg-video.min.js"></script>


<script src="/libs/justified-gallery/jquery.justifiedGallery.min.js"></script>





<!-- Custom Scripts -->
<script src="/js/main.js"></script>

</div>
</body>
</html>
312 public/tags/concurrent/index.html
View file
@@ -0,0 +1,312 @@
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset="utf-8">

<title>Tag: concurrent | andrew.dev.note</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta property="og:type" content="website">
<meta property="og:title" content="andrew.dev.note">
<meta property="og:url" content="http://yoursite.com/tags/concurrent/index.html">
<meta property="og:site_name" content="andrew.dev.note">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="andrew.dev.note">






<link rel="stylesheet" href="/libs/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/libs/open-sans/styles.css">
<link rel="stylesheet" href="/libs/source-code-pro/styles.css">

<link rel="stylesheet" href="/css/style.css">

<script src="/libs/jquery/2.1.3/jquery.min.js"></script>


<link rel="stylesheet" href="/libs/lightgallery/css/lightgallery.min.css">


<link rel="stylesheet" href="/libs/justified-gallery/justifiedGallery.min.css">






</head>

<body>
<div id="container">
<header id="header">
<div id="header-main" class="header-inner">
<div class="outer">
<a href="/" id="logo">

<span class="site-title">andrew.dev.note</span>
</a>
<nav id="main-nav">

</nav>


<nav id="sub-nav">
<div class="profile" id="profile-nav">
<a id="profile-anchor" href="javascript:;">
<img class="avatar" src="https://scontent-tpe1-1.xx.fbcdn.net/v/t1.0-9/11891179_10207520922489618_6751088857900600098_n.jpg?oh=ba20b2445bfbefabdecc6701ce3e2453&amp;oe=5A30C979" />
<i class="fa fa-caret-down"></i>
</a>
</div>
</nav>

<!-- <div id="search-form-wrap">
<form class="search-form">
<input type="text" class="ins-search-input search-form-input" placeholder="Search" />
<button type="submit" class="search-form-submit"></button>
</form>
<div class="ins-search">
<div class="ins-search-mask"></div>
<div class="ins-search-container">
<div class="ins-input-wrapper">
<input type="text" class="ins-search-input" placeholder="Type something..." />
<span class="ins-close ins-selectable"><i class="fa fa-times-circle"></i></span>
</div>
<div class="ins-section-wrapper">
<div class="ins-section-container"></div>
</div>
</div>
</div>
<script>
(function (window) {
var INSIGHT_CONFIG = {
TRANSLATION: {
POSTS: 'Posts',
PAGES: 'Pages',
CATEGORIES: 'Categories',
TAGS: 'Tags',
UNTITLED: '(Untitled)',
},
ROOT_URL: '/',
CONTENT_URL: '/content.json',
};
window.INSIGHT_CONFIG = INSIGHT_CONFIG;
})(window);
</script>
<script src="/js/insight.js"></script>
</div> -->
</div>
</div>
<div id="main-nav-mobile" class="header-sub header-inner">
<table class="menu outer">
<tr>

<!-- <td>
<div class="search-form">
<input type="text" class="ins-search-input search-form-input" placeholder="Search" />
</div>
</td> -->
</tr>
</table>
</div>
</header>

<div class="outer">



<aside id="profile">
<div class="inner profile-inner">
<div class="base-info profile-block">
<img id="avatar" src="https://scontent-tpe1-1.xx.fbcdn.net/v/t1.0-9/11891179_10207520922489618_6751088857900600098_n.jpg?oh=ba20b2445bfbefabdecc6701ce3e2453&amp;oe=5A30C979" />
<h2 id="name">Andrew Yan</h2>
<h3 id="title">Web Developer, Frontend Engineer, Software Engineer</h3>
<!-- <span id="location"><i class="fa fa-map-marker"></i>Taipei, Taiwan</span> -->
<!-- <a id="follow" target="_blank" href="https://github.com/ppoffice/">FOLLOW</a> -->
</div>
<div class="article-info profile-block">
<div class="article-info-block">
23
<span>posts</span>
</div>
<div class="article-info-block">
24
<span>tags</span>
</div>
</div>

<div class="profile-block social-links">
<table>
<tr>


<td>
<a href="https://github.com/zushenyan" target="_blank" title="github" class=tooltip>
<i class="fa fa-github"></i>
</a>
</td>

<td>
<a href="https://twitter.com/zushenyan" target="_blank" title="twitter" class=tooltip>
<i class="fa fa-twitter"></i>
</a>
</td>

<td>
<a href="https://www.facebook.com/zushen.yan" target="_blank" title="facebook" class=tooltip>
<i class="fa fa-facebook"></i>
</a>
</td>

<td>
<a href="https://www.linkedin.com/in/zushenyan" target="_blank" title="linkedin" class=tooltip>
<i class="fa fa-linkedin"></i>
</a>
</td>

</tr>
</table>
</div>

</div>
</aside>


<section id="main">
<div class="timeline timeline-wrap">
<div class="timeline-row timeline-row-major">
<span class="node"><i class="fa fa-tag"></i></span>
<h1 class="title">#concurrent</h1>
</div>

<div class="timeline-row">
<span class="node"></span>
<div class="content">


<h1 itemprop="name">
<a class="timeline-article-title" href="/2015/10/26/asynchronous-programming-in-javascript/">Asynchronous Programming in JavaScript</a>
</h1>


<div class="article-meta">

<div class="article-date">
<i class="fa fa-calendar"></i>
<a href="/2015/10/26/asynchronous-programming-in-javascript/">
<time datetime="2015-10-26T06:24:59.000Z" itemprop="datePublished">2015-10-26</time>
</a>
</div>




<div class="article-tag">
<i class="fa fa-tag"></i>
<a class="tag-link" href="/tags/concurrent/">concurrent</a>, <a class="tag-link" href="/tags/javascript/">javascript</a>, <a class="tag-link" href="/tags/meta/">meta</a>
</div>

</div>
</div>
</div>

<div class="timeline-row">
<span class="node"></span>
<div class="content">


<h1 itemprop="name">
<a class="timeline-article-title" href="/2013/09/07/differences-between-syncasync/">Differences Between sync &amp; async, blocking &amp; non-blocing and event-driven</a>
</h1>


<div class="article-meta">

<div class="article-date">
<i class="fa fa-calendar"></i>
<a href="/2013/09/07/differences-between-syncasync/">
<time datetime="2013-09-07T14:34:00.000Z" itemprop="datePublished">2013-09-07</time>
</a>
</div>




<div class="article-tag">
<i class="fa fa-tag"></i>
<a class="tag-link" href="/tags/concurrent/">concurrent</a>, <a class="tag-link" href="/tags/meta/">meta</a>
</div>

</div>
</div>
</div>

</div>
</section>


<aside id="sidebar">


<div class="widget-wrap">
<h3 class="widget-title">archives</h3>
<div class="widget">
<ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/08/">August 2017</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/04/">April 2017</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/03/">March 2017</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/02/">February 2017</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/12/">December 2016</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/12/">December 2015</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/11/">November 2015</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/10/">October 2015</a><span class="archive-list-count">6</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2013/10/">October 2013</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2013/09/">September 2013</a><span class="archive-list-count">4</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2013/08/">August 2013</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2013/06/">June 2013</a><span class="archive-list-count">1</span></li></ul>
</div>
</div>



<div class="widget-wrap">
<h3 class="widget-title">tag cloud</h3>
<div class="widget tagcloud">
<a href="/tags/AJAX/" style="font-size: 10px;">AJAX</a> <a href="/tags/CORS/" style="font-size: 10px;">CORS</a> <a href="/tags/FP/" style="font-size: 12px;">FP</a> <a href="/tags/GraphQL/" style="font-size: 10px;">GraphQL</a> <a href="/tags/HTML/" style="font-size: 10px;">HTML</a> <a href="/tags/HTTP-HTTPS/" style="font-size: 16px;">HTTP/HTTPS</a> <a href="/tags/PWA/" style="font-size: 10px;">PWA</a> <a href="/tags/REST/" style="font-size: 10px;">REST</a> <a href="/tags/architecture/" style="font-size: 10px;">architecture</a> <a href="/tags/backend/" style="font-size: 12px;">backend</a> <a href="/tags/concurrent/" style="font-size: 12px;">concurrent</a> <a href="/tags/frontend/" style="font-size: 18px;">frontend</a> <a href="/tags/git/" style="font-size: 10px;">git</a> <a href="/tags/interview/" style="font-size: 10px;">interview</a> <a href="/tags/javascript/" style="font-size: 20px;">javascript</a> <a href="/tags/meta/" style="font-size: 18px;">meta</a> <a href="/tags/mobile/" style="font-size: 12px;">mobile</a> <a href="/tags/network/" style="font-size: 14px;">network</a> <a href="/tags/octopress/" style="font-size: 10px;">octopress</a> <a href="/tags/programming/" style="font-size: 12px;">programming</a> <a href="/tags/redux/" style="font-size: 10px;">redux</a> <a href="/tags/testing/" style="font-size: 10px;">testing</a> <a href="/tags/web/" style="font-size: 16px;">web</a> <a href="/tags/websocket/" style="font-size: 10px;">websocket</a>
</div>
</div>


<div id="toTop" class="fa fa-angle-up"></div>
</aside>


</div>
<footer id="footer">
<div class="outer">
<div id="footer-info" class="inner">
&copy; 2017 Andrew Yan<br>
Powered by <a href="http://hexo.io/" target="_blank">Hexo</a>. Theme by <a href="http://github.com/ppoffice">PPOffice</a>
</div>
</div>
</footer>




<script src="/libs/lightgallery/js/lightgallery.min.js"></script>
<script src="/libs/lightgallery/js/lg-thumbnail.min.js"></script>
<script src="/libs/lightgallery/js/lg-pager.min.js"></script>
<script src="/libs/lightgallery/js/lg-autoplay.min.js"></script>
<script src="/libs/lightgallery/js/lg-fullscreen.min.js"></script>
<script src="/libs/lightgallery/js/lg-zoom.min.js"></script>
<script src="/libs/lightgallery/js/lg-hash.min.js"></script>
<script src="/libs/lightgallery/js/lg-share.min.js"></script>
<script src="/libs/lightgallery/js/lg-video.min.js"></script>


<script src="/libs/justified-gallery/jquery.justifiedGallery.min.js"></script>





<!-- Custom Scripts -->
<script src="/js/main.js"></script>

</div>
</body>
</html>
312 public/tags/fp/index.html
View file
@@ -0,0 +1,312 @@
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset="utf-8">

<title>Tag: FP | andrew.dev.note</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta property="og:type" content="website">
<meta property="og:title" content="andrew.dev.note">
<meta property="og:url" content="http://yoursite.com/tags/FP/index.html">
<meta property="og:site_name" content="andrew.dev.note">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="andrew.dev.note">






<link rel="stylesheet" href="/libs/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/libs/open-sans/styles.css">
<link rel="stylesheet" href="/libs/source-code-pro/styles.css">

<link rel="stylesheet" href="/css/style.css">

<script src="/libs/jquery/2.1.3/jquery.min.js"></script>


<link rel="stylesheet" href="/libs/lightgallery/css/lightgallery.min.css">


<link rel="stylesheet" href="/libs/justified-gallery/justifiedGallery.min.css">






</head>

<body>
<div id="container">
<header id="header">
<div id="header-main" class="header-inner">
<div class="outer">
<a href="/" id="logo">

<span class="site-title">andrew.dev.note</span>
</a>
<nav id="main-nav">

</nav>


<nav id="sub-nav">
<div class="profile" id="profile-nav">
<a id="profile-anchor" href="javascript:;">
<img class="avatar" src="https://scontent-tpe1-1.xx.fbcdn.net/v/t1.0-9/11891179_10207520922489618_6751088857900600098_n.jpg?oh=ba20b2445bfbefabdecc6701ce3e2453&amp;oe=5A30C979" />
<i class="fa fa-caret-down"></i>
</a>
</div>
</nav>

<!-- <div id="search-form-wrap">
<form class="search-form">
<input type="text" class="ins-search-input search-form-input" placeholder="Search" />
<button type="submit" class="search-form-submit"></button>
</form>
<div class="ins-search">
<div class="ins-search-mask"></div>
<div class="ins-search-container">
<div class="ins-input-wrapper">
<input type="text" class="ins-search-input" placeholder="Type something..." />
<span class="ins-close ins-selectable"><i class="fa fa-times-circle"></i></span>
</div>
<div class="ins-section-wrapper">
<div class="ins-section-container"></div>
</div>
</div>
</div>
<script>
(function (window) {
var INSIGHT_CONFIG = {
TRANSLATION: {
POSTS: 'Posts',
PAGES: 'Pages',
CATEGORIES: 'Categories',
TAGS: 'Tags',
UNTITLED: '(Untitled)',
},
ROOT_URL: '/',
CONTENT_URL: '/content.json',
};
window.INSIGHT_CONFIG = INSIGHT_CONFIG;
})(window);
</script>
<script src="/js/insight.js"></script>
</div> -->
</div>
</div>
<div id="main-nav-mobile" class="header-sub header-inner">
<table class="menu outer">
<tr>

<!-- <td>
<div class="search-form">
<input type="text" class="ins-search-input search-form-input" placeholder="Search" />
</div>
</td> -->
</tr>
</table>
</div>
</header>

<div class="outer">



<aside id="profile">
<div class="inner profile-inner">
<div class="base-info profile-block">
<img id="avatar" src="https://scontent-tpe1-1.xx.fbcdn.net/v/t1.0-9/11891179_10207520922489618_6751088857900600098_n.jpg?oh=ba20b2445bfbefabdecc6701ce3e2453&amp;oe=5A30C979" />
<h2 id="name">Andrew Yan</h2>
<h3 id="title">Web Developer, Frontend Engineer, Software Engineer</h3>
<!-- <span id="location"><i class="fa fa-map-marker"></i>Taipei, Taiwan</span> -->
<!-- <a id="follow" target="_blank" href="https://github.com/ppoffice/">FOLLOW</a> -->
</div>
<div class="article-info profile-block">
<div class="article-info-block">
23
<span>posts</span>
</div>
<div class="article-info-block">
24
<span>tags</span>
</div>
</div>

<div class="profile-block social-links">
<table>
<tr>


<td>
<a href="https://github.com/zushenyan" target="_blank" title="github" class=tooltip>
<i class="fa fa-github"></i>
</a>
</td>

<td>
<a href="https://twitter.com/zushenyan" target="_blank" title="twitter" class=tooltip>
<i class="fa fa-twitter"></i>
</a>
</td>

<td>
<a href="https://www.facebook.com/zushen.yan" target="_blank" title="facebook" class=tooltip>
<i class="fa fa-facebook"></i>
</a>
</td>

<td>
<a href="https://www.linkedin.com/in/zushenyan" target="_blank" title="linkedin" class=tooltip>
<i class="fa fa-linkedin"></i>
</a>
</td>

</tr>
</table>
</div>

</div>
</aside>


<section id="main">
<div class="timeline timeline-wrap">
<div class="timeline-row timeline-row-major">
<span class="node"><i class="fa fa-tag"></i></span>
<h1 class="title">#FP</h1>
</div>

<div class="timeline-row">
<span class="node"></span>
<div class="content">


<h1 itemprop="name">
<a class="timeline-article-title" href="/2017/04/17/A-Learning-Note-of-Functional-Programming-Part-2-Some-Common-Terminology/">A Learning Note of Functional Programming Part 2 - Some Common Terminology</a>
</h1>


<div class="article-meta">

<div class="article-date">
<i class="fa fa-calendar"></i>
<a href="/2017/04/17/A-Learning-Note-of-Functional-Programming-Part-2-Some-Common-Terminology/">
<time datetime="2017-04-17T15:28:59.000Z" itemprop="datePublished">2017-04-17</time>
</a>
</div>




<div class="article-tag">
<i class="fa fa-tag"></i>
<a class="tag-link" href="/tags/FP/">FP</a>, <a class="tag-link" href="/tags/javascript/">javascript</a>, <a class="tag-link" href="/tags/meta/">meta</a>, <a class="tag-link" href="/tags/programming/">programming</a>
</div>

</div>
</div>
</div>

<div class="timeline-row">
<span class="node"></span>
<div class="content">


<h1 itemprop="name">
<a class="timeline-article-title" href="/2017/04/05/A-Learning-Note-to-Functional-Programming-Part-1/">A Learning Note of Functional Programming Part 1 - Some Basic Concepts</a>
</h1>


<div class="article-meta">

<div class="article-date">
<i class="fa fa-calendar"></i>
<a href="/2017/04/05/A-Learning-Note-to-Functional-Programming-Part-1/">
<time datetime="2017-04-05T14:08:57.000Z" itemprop="datePublished">2017-04-05</time>
</a>
</div>




<div class="article-tag">
<i class="fa fa-tag"></i>
<a class="tag-link" href="/tags/FP/">FP</a>, <a class="tag-link" href="/tags/javascript/">javascript</a>, <a class="tag-link" href="/tags/meta/">meta</a>, <a class="tag-link" href="/tags/programming/">programming</a>
</div>

</div>
</div>
</div>

</div>
</section>


<aside id="sidebar">


<div class="widget-wrap">
<h3 class="widget-title">archives</h3>
<div class="widget">
<ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/08/">August 2017</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/04/">April 2017</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/03/">March 2017</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/02/">February 2017</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/12/">December 2016</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/12/">December 2015</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/11/">November 2015</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/10/">October 2015</a><span class="archive-list-count">6</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2013/10/">October 2013</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2013/09/">September 2013</a><span class="archive-list-count">4</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2013/08/">August 2013</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2013/06/">June 2013</a><span class="archive-list-count">1</span></li></ul>
</div>
</div>



<div class="widget-wrap">
<h3 class="widget-title">tag cloud</h3>
<div class="widget tagcloud">
<a href="/tags/AJAX/" style="font-size: 10px;">AJAX</a> <a href="/tags/CORS/" style="font-size: 10px;">CORS</a> <a href="/tags/FP/" style="font-size: 12px;">FP</a> <a href="/tags/GraphQL/" style="font-size: 10px;">GraphQL</a> <a href="/tags/HTML/" style="font-size: 10px;">HTML</a> <a href="/tags/HTTP-HTTPS/" style="font-size: 16px;">HTTP/HTTPS</a> <a href="/tags/PWA/" style="font-size: 10px;">PWA</a> <a href="/tags/REST/" style="font-size: 10px;">REST</a> <a href="/tags/architecture/" style="font-size: 10px;">architecture</a> <a href="/tags/backend/" style="font-size: 12px;">backend</a> <a href="/tags/concurrent/" style="font-size: 12px;">concurrent</a> <a href="/tags/frontend/" style="font-size: 18px;">frontend</a> <a href="/tags/git/" style="font-size: 10px;">git</a> <a href="/tags/interview/" style="font-size: 10px;">interview</a> <a href="/tags/javascript/" style="font-size: 20px;">javascript</a> <a href="/tags/meta/" style="font-size: 18px;">meta</a> <a href="/tags/mobile/" style="font-size: 12px;">mobile</a> <a href="/tags/network/" style="font-size: 14px;">network</a> <a href="/tags/octopress/" style="font-size: 10px;">octopress</a> <a href="/tags/programming/" style="font-size: 12px;">programming</a> <a href="/tags/redux/" style="font-size: 10px;">redux</a> <a href="/tags/testing/" style="font-size: 10px;">testing</a> <a href="/tags/web/" style="font-size: 16px;">web</a> <a href="/tags/websocket/" style="font-size: 10px;">websocket</a>
</div>
</div>


<div id="toTop" class="fa fa-angle-up"></div>
</aside>


</div>
<footer id="footer">
<div class="outer">
<div id="footer-info" class="inner">
&copy; 2017 Andrew Yan<br>
Powered by <a href="http://hexo.io/" target="_blank">Hexo</a>. Theme by <a href="http://github.com/ppoffice">PPOffice</a>
</div>
</div>
</footer>




<script src="/libs/lightgallery/js/lightgallery.min.js"></script>
<script src="/libs/lightgallery/js/lg-thumbnail.min.js"></script>
<script src="/libs/lightgallery/js/lg-pager.min.js"></script>
<script src="/libs/lightgallery/js/lg-autoplay.min.js"></script>
<script src="/libs/lightgallery/js/lg-fullscreen.min.js"></script>
<script src="/libs/lightgallery/js/lg-zoom.min.js"></script>
<script src="/libs/lightgallery/js/lg-hash.min.js"></script>
<script src="/libs/lightgallery/js/lg-share.min.js"></script>
<script src="/libs/lightgallery/js/lg-video.min.js"></script>


<script src="/libs/justified-gallery/jquery.justifiedGallery.min.js"></script>





<!-- Custom Scripts -->
<script src="/js/main.js"></script>

</div>
</body>
</html>
245 public/tags/front-end/index.html
View file

This file was deleted.

516 public/tags/frontend/index.html
View file

Large diffs are not rendered by default.

285 public/tags/frontend/page/2/index.html
View file
@@ -0,0 +1,285 @@
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset="utf-8">

<title>Tag: frontend | andrew.dev.note</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta property="og:type" content="website">
<meta property="og:title" content="andrew.dev.note">
<meta property="og:url" content="http://yoursite.com/tags/frontend/page/2/index.html">
<meta property="og:site_name" content="andrew.dev.note">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="andrew.dev.note">






<link rel="stylesheet" href="/libs/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/libs/open-sans/styles.css">
<link rel="stylesheet" href="/libs/source-code-pro/styles.css">

<link rel="stylesheet" href="/css/style.css">

<script src="/libs/jquery/2.1.3/jquery.min.js"></script>


<link rel="stylesheet" href="/libs/lightgallery/css/lightgallery.min.css">


<link rel="stylesheet" href="/libs/justified-gallery/justifiedGallery.min.css">






</head>

<body>
<div id="container">
<header id="header">
<div id="header-main" class="header-inner">
<div class="outer">
<a href="/" id="logo">

<span class="site-title">andrew.dev.note</span>
</a>
<nav id="main-nav">

</nav>


<nav id="sub-nav">
<div class="profile" id="profile-nav">
<a id="profile-anchor" href="javascript:;">
<img class="avatar" src="https://scontent-tpe1-1.xx.fbcdn.net/v/t1.0-9/11891179_10207520922489618_6751088857900600098_n.jpg?oh=ba20b2445bfbefabdecc6701ce3e2453&amp;oe=5A30C979" />
<i class="fa fa-caret-down"></i>
</a>
</div>
</nav>

<!-- <div id="search-form-wrap">
<form class="search-form">
<input type="text" class="ins-search-input search-form-input" placeholder="Search" />
<button type="submit" class="search-form-submit"></button>
</form>
<div class="ins-search">
<div class="ins-search-mask"></div>
<div class="ins-search-container">
<div class="ins-input-wrapper">
<input type="text" class="ins-search-input" placeholder="Type something..." />
<span class="ins-close ins-selectable"><i class="fa fa-times-circle"></i></span>
</div>
<div class="ins-section-wrapper">
<div class="ins-section-container"></div>
</div>
</div>
</div>
<script>
(function (window) {
var INSIGHT_CONFIG = {
TRANSLATION: {
POSTS: 'Posts',
PAGES: 'Pages',
CATEGORIES: 'Categories',
TAGS: 'Tags',
UNTITLED: '(Untitled)',
},
ROOT_URL: '/',
CONTENT_URL: '/content.json',
};
window.INSIGHT_CONFIG = INSIGHT_CONFIG;
})(window);
</script>
<script src="/js/insight.js"></script>
</div> -->
</div>
</div>
<div id="main-nav-mobile" class="header-sub header-inner">
<table class="menu outer">
<tr>

<!-- <td>
<div class="search-form">
<input type="text" class="ins-search-input search-form-input" placeholder="Search" />
</div>
</td> -->
</tr>
</table>
</div>
</header>

<div class="outer">



<aside id="profile">
<div class="inner profile-inner">
<div class="base-info profile-block">
<img id="avatar" src="https://scontent-tpe1-1.xx.fbcdn.net/v/t1.0-9/11891179_10207520922489618_6751088857900600098_n.jpg?oh=ba20b2445bfbefabdecc6701ce3e2453&amp;oe=5A30C979" />
<h2 id="name">Andrew Yan</h2>
<h3 id="title">Web Developer, Frontend Engineer, Software Engineer</h3>
<!-- <span id="location"><i class="fa fa-map-marker"></i>Taipei, Taiwan</span> -->
<!-- <a id="follow" target="_blank" href="https://github.com/ppoffice/">FOLLOW</a> -->
</div>
<div class="article-info profile-block">
<div class="article-info-block">
23
<span>posts</span>
</div>
<div class="article-info-block">
24
<span>tags</span>
</div>
</div>

<div class="profile-block social-links">
<table>
<tr>


<td>
<a href="https://github.com/zushenyan" target="_blank" title="github" class=tooltip>
<i class="fa fa-github"></i>
</a>
</td>

<td>
<a href="https://twitter.com/zushenyan" target="_blank" title="twitter" class=tooltip>
<i class="fa fa-twitter"></i>
</a>
</td>

<td>
<a href="https://www.facebook.com/zushen.yan" target="_blank" title="facebook" class=tooltip>
<i class="fa fa-facebook"></i>
</a>
</td>

<td>
<a href="https://www.linkedin.com/in/zushenyan" target="_blank" title="linkedin" class=tooltip>
<i class="fa fa-linkedin"></i>
</a>
</td>

</tr>
</table>
</div>

</div>
</aside>


<section id="main">
<div class="timeline timeline-wrap">
<div class="timeline-row timeline-row-major">
<span class="node"><i class="fa fa-tag"></i></span>
<h1 class="title">#frontend</h1>
</div>

<div class="timeline-row">
<span class="node"></span>
<div class="content">


<h1 itemprop="name">
<a class="timeline-article-title" href="/2013/09/09/debug-pages-on-phones-with-weinre/">Debug Pages On Phones With Weinre</a>
</h1>


<div class="article-meta">

<div class="article-date">
<i class="fa fa-calendar"></i>
<a href="/2013/09/09/debug-pages-on-phones-with-weinre/">
<time datetime="2013-09-09T05:29:00.000Z" itemprop="datePublished">2013-09-09</time>
</a>
</div>




<div class="article-tag">
<i class="fa fa-tag"></i>
<a class="tag-link" href="/tags/frontend/">frontend</a>, <a class="tag-link" href="/tags/mobile/">mobile</a>, <a class="tag-link" href="/tags/testing/">testing</a>
</div>

</div>
</div>
</div>

</div>

<nav id="page-nav">
<a class="extend prev" rel="prev" href="/tags/frontend/">&laquo; Prev</a><a class="page-number" href="/tags/frontend/">1</a><span class="page-number current">2</span>
</nav>
</section>


<aside id="sidebar">


<div class="widget-wrap">
<h3 class="widget-title">archives</h3>
<div class="widget">
<ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/08/">August 2017</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/04/">April 2017</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/03/">March 2017</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/02/">February 2017</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/12/">December 2016</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/12/">December 2015</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/11/">November 2015</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/10/">October 2015</a><span class="archive-list-count">6</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2013/10/">October 2013</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2013/09/">September 2013</a><span class="archive-list-count">4</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2013/08/">August 2013</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2013/06/">June 2013</a><span class="archive-list-count">1</span></li></ul>
</div>
</div>



<div class="widget-wrap">
<h3 class="widget-title">tag cloud</h3>
<div class="widget tagcloud">
<a href="/tags/AJAX/" style="font-size: 10px;">AJAX</a> <a href="/tags/CORS/" style="font-size: 10px;">CORS</a> <a href="/tags/FP/" style="font-size: 12px;">FP</a> <a href="/tags/GraphQL/" style="font-size: 10px;">GraphQL</a> <a href="/tags/HTML/" style="font-size: 10px;">HTML</a> <a href="/tags/HTTP-HTTPS/" style="font-size: 16px;">HTTP/HTTPS</a> <a href="/tags/PWA/" style="font-size: 10px;">PWA</a> <a href="/tags/REST/" style="font-size: 10px;">REST</a> <a href="/tags/architecture/" style="font-size: 10px;">architecture</a> <a href="/tags/backend/" style="font-size: 12px;">backend</a> <a href="/tags/concurrent/" style="font-size: 12px;">concurrent</a> <a href="/tags/frontend/" style="font-size: 18px;">frontend</a> <a href="/tags/git/" style="font-size: 10px;">git</a> <a href="/tags/interview/" style="font-size: 10px;">interview</a> <a href="/tags/javascript/" style="font-size: 20px;">javascript</a> <a href="/tags/meta/" style="font-size: 18px;">meta</a> <a href="/tags/mobile/" style="font-size: 12px;">mobile</a> <a href="/tags/network/" style="font-size: 14px;">network</a> <a href="/tags/octopress/" style="font-size: 10px;">octopress</a> <a href="/tags/programming/" style="font-size: 12px;">programming</a> <a href="/tags/redux/" style="font-size: 10px;">redux</a> <a href="/tags/testing/" style="font-size: 10px;">testing</a> <a href="/tags/web/" style="font-size: 16px;">web</a> <a href="/tags/websocket/" style="font-size: 10px;">websocket</a>
</div>
</div>


<div id="toTop" class="fa fa-angle-up"></div>
</aside>


</div>
<footer id="footer">
<div class="outer">
<div id="footer-info" class="inner">
&copy; 2017 Andrew Yan<br>
Powered by <a href="http://hexo.io/" target="_blank">Hexo</a>. Theme by <a href="http://github.com/ppoffice">PPOffice</a>
</div>
</div>
</footer>




<script src="/libs/lightgallery/js/lightgallery.min.js"></script>
<script src="/libs/lightgallery/js/lg-thumbnail.min.js"></script>
<script src="/libs/lightgallery/js/lg-pager.min.js"></script>
<script src="/libs/lightgallery/js/lg-autoplay.min.js"></script>
<script src="/libs/lightgallery/js/lg-fullscreen.min.js"></script>
<script src="/libs/lightgallery/js/lg-zoom.min.js"></script>
<script src="/libs/lightgallery/js/lg-hash.min.js"></script>
<script src="/libs/lightgallery/js/lg-share.min.js"></script>
<script src="/libs/lightgallery/js/lg-video.min.js"></script>


<script src="/libs/justified-gallery/jquery.justifiedGallery.min.js"></script>





<!-- Custom Scripts -->
<script src="/js/main.js"></script>

</div>
</body>
</html>
258 public/tags/functional-programming/index.html
View file

This file was deleted.

245 public/tags/general/index.html
View file

This file was deleted.