codingfishman
diff --git a/‎2016/02/21/firstblog/index.html
Lines changed: 1 addition & 1 deletion b/‎2016/02/21/firstblog/index.html
Lines changed: 1 addition & 1 deletion
diff --git a/‎2016/02/21/flex布局与float的冲突/index.html
Lines changed: 1 addition & 1 deletion b/‎2016/02/21/flex布局与float的冲突/index.html
Lines changed: 1 addition & 1 deletion
diff --git a/‎2016/02/21/禁用手机触屏时那一瞬间的背景色/index.html
Lines changed: 1 addition & 1 deletion b/‎2016/02/21/禁用手机触屏时那一瞬间的背景色/index.html
Lines changed: 1 addition & 1 deletion
diff --git a/‎2016/03/13/Angular_Interceptor的实际使用/index.html
Lines changed: 1 addition & 1 deletion b/‎2016/03/13/Angular_Interceptor的实际使用/index.html
Lines changed: 1 addition & 1 deletion
diff --git a/‎2016/03/17/记webpack与CSS在一起所遇到的奇怪现象/index.html
Lines changed: 1 addition & 1 deletion b/‎2016/03/17/记webpack与CSS在一起所遇到的奇怪现象/index.html
Lines changed: 1 addition & 1 deletion
@@ -1,5 +1,5 @@
 <!DOCTYPE html><html lang="zh-CN"><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"><meta content="yes" name="apple-mobile-web-app-capable"><meta content="black-translucent" name="apple-mobile-web-app-status-bar-style"><meta content="telephone=no" name="format-detection"><meta name="description" content="codingfishman.github.io"><title>firstblog | codingfishman</title><link rel="stylesheet" type="text/css" href="/css/normalize.css?v=0.0.0"><link rel="stylesheet" type="text/css" href="/css/pure-min.css?v=0.0.0"><link rel="stylesheet" type="text/css" href="/css/grids-responsive-min.css?v=0.0.0"><link rel="stylesheet" type="text/css" href="/css/style.css?v=0.0.0"><link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.min.css"><link rel="Shortcut Icon" type="image/x-icon" href="/favicon.ico"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><link rel="apple-touch-icon-precomposed" href="/apple-touch-icon.png"><link rel="alternate" type="application/atom+xml" href="/atom.xml"></head><body><div class="body_container"><div id="header"><div class="site-name"><h1 class="hidden">firstblog</h1><a id="logo" href="/.">codingfishman</a><p class="description">细雨湿衣看不见，闲花落地听无声</p></div><div id="nav-menu"><a href="/." class="current"><i class="fa fa-home"> 首页</i></a><a href="/archives/"><i class="fa fa-archive"> 归档</i></a><a href="/atom.xml"><i class="fa fa-rss"> 订阅</i></a></div></div><div id="layout" class="pure-g"><div class="pure-u-1 pure-u-md-3-4"><div class="content_container"><div class="post"><h1 class="post-title">firstblog</h1><div class="post-meta">Feb 21, 2016<script src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js" async></script><span id="busuanzi_container_page_pv"> | <span id="busuanzi_value_page_pv"></span><span> Hits</span></span></div><a data-disqus-identifier="2016/02/21/firstblog/" href="/2016/02/21/firstblog/#disqus_thread" class="disqus-comment-count"></a><div class="post-content"><p>这是在github.io上的第一篇日志，希望以后会越来越多。</p>
-</div><a data-url="http://codingfishman.github.io/2016/02/21/firstblog/" data-id="cinvwp9i4000m7a2qzkvap463" class="article-share-link">分享到</a><div class="tags"><a href="/tags/日记/">日记</a></div><div class="post-nav"><a href="/2016/02/21/禁用手机触屏时那一瞬间的背景色/" class="pre">禁用手机触屏时那一瞬间的背景色</a></div><div id="disqus_thread"><script>var disqus_shortname = 'codingfishman';
+</div><a data-url="http://codingfishman.github.io/2016/02/21/firstblog/" data-id="ciof77u1g000mfhalrmjv5lfb" class="article-share-link">分享到</a><div class="tags"><a href="/tags/日记/">日记</a></div><div class="post-nav"><a href="/2016/02/21/禁用手机触屏时那一瞬间的背景色/" class="pre">禁用手机触屏时那一瞬间的背景色</a></div><div id="disqus_thread"><script>var disqus_shortname = 'codingfishman';
 var disqus_identifier = '2016/02/21/firstblog/';
 var disqus_title = 'firstblog';
 var disqus_url = 'http://codingfishman.github.io/2016/02/21/firstblog/';
 
@@ -9,7 +9,7 @@
 <p><strong>但是我忘记将里面的 <code>.right</code> 样式移除</strong>，而且在chrome之下，其表现是很正常的，我也以为事情完成了。</p>
 <p>可是在后面真实的手机测试中，尤其是比较低版本系统的安卓手机(Android 4.1.1, webkit默认浏览器），我们发现<strong>right-part</strong>这一块的DIV，直接消失了！ 经过debuggap的调试，我发现<code>float:right;</code> 一旦拿掉，DIV就回来了。</p>
 <p>注：邧一峰老师的flex介绍写得也很适合我们，附上链接 <a href="http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html" target="_blank" rel="external">flex布局教程</a></p>
-</div><a data-url="http://codingfishman.github.io/2016/02/21/flex布局与float的冲突/" data-id="cinvwp9i2000j7a2qv8pguyah" class="article-share-link">分享到</a><div class="tags"><a href="/tags/CSS3-flex-Mobile/">CSS3 flex Mobile</a></div><div class="post-nav"><a href="/2016/03/13/Angular_Interceptor的实际使用/" class="pre">Angular Http Interceptor 的应用笔记</a><a href="/2016/02/21/禁用手机触屏时那一瞬间的背景色/" class="next">禁用手机触屏时那一瞬间的背景色</a></div><div id="disqus_thread"><script>var disqus_shortname = 'codingfishman';
+</div><a data-url="http://codingfishman.github.io/2016/02/21/flex布局与float的冲突/" data-id="ciof77u1d000jfhalgoouu9ib" class="article-share-link">分享到</a><div class="tags"><a href="/tags/CSS3-flex-Mobile/">CSS3 flex Mobile</a></div><div class="post-nav"><a href="/2016/03/13/Angular_Interceptor的实际使用/" class="pre">Angular Http Interceptor 的应用笔记</a><a href="/2016/02/21/禁用手机触屏时那一瞬间的背景色/" class="next">禁用手机触屏时那一瞬间的背景色</a></div><div id="disqus_thread"><script>var disqus_shortname = 'codingfishman';
 var disqus_identifier = '2016/02/21/flex布局与float的冲突/';
 var disqus_title = 'flex布局与float的冲突';
 var disqus_url = 'http://codingfishman.github.io/2016/02/21/flex布局与float的冲突/';
 
@@ -3,7 +3,7 @@
 <figure class="highlight css"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">* <span class="rules">&#123;</span><br><span class="line">	<span class="rule"><span class="attribute">-webkit-tap-highlight-color</span>:<span class="value"> <span class="function">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>)</span></span>;</span><br><span class="line">	<span class="rule"><span class="attribute">-moz-tap-highlight-color</span>:<span class="value"> <span class="function">rgba</span>(<span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>, <span class="number">0</span>)</span></span>;</span><br><span class="line">&#125;</span></span><br></pre></td></tr></table></figure>
 <p>这样，当我们在手机上点击网页元素的时候，都不会有那一抹背景了。</p>
 <p>参考 <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-tap-highlight-color" target="_blank" rel="external">MDN</a></p>
-</div><a data-url="http://codingfishman.github.io/2016/02/21/禁用手机触屏时那一瞬间的背景色/" data-id="cinvwp9hu00077a2qaeoxhi0k" class="article-share-link">分享到</a><div class="tags"><a href="/tags/CSS-CSS3-H5-Mobile/">CSS CSS3 H5 Mobile</a></div><div class="post-nav"><a href="/2016/02/21/flex布局与float的冲突/" class="pre">flex布局与float的冲突</a><a href="/2016/02/21/firstblog/" class="next">firstblog</a></div><div id="disqus_thread"><script>var disqus_shortname = 'codingfishman';
+</div><a data-url="http://codingfishman.github.io/2016/02/21/禁用手机触屏时那一瞬间的背景色/" data-id="ciof77u100007fhall73v81i8" class="article-share-link">分享到</a><div class="tags"><a href="/tags/CSS-CSS3-H5-Mobile/">CSS CSS3 H5 Mobile</a></div><div class="post-nav"><a href="/2016/02/21/flex布局与float的冲突/" class="pre">flex布局与float的冲突</a><a href="/2016/02/21/firstblog/" class="next">firstblog</a></div><div id="disqus_thread"><script>var disqus_shortname = 'codingfishman';
 var disqus_identifier = '2016/02/21/禁用手机触屏时那一瞬间的背景色/';
 var disqus_title = '禁用手机触屏时那一瞬间的背景色';
 var disqus_url = 'http://codingfishman.github.io/2016/02/21/禁用手机触屏时那一瞬间的背景色/';
 
@@ -22,7 +22,7 @@ <h2 id="ResponseError的使用"><a href="#ResponseError的使用" class="headerl
 <figure class="highlight js"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment">// 还是接上面的构造代码，只是加入 `responseError:function() &#123;&#125;`</span></span><br><span class="line">  <span class="keyword">var</span> interceptor = &#123;</span><br><span class="line">    <span class="string">'request'</span>: <span class="function"><span class="keyword">function</span> (<span class="params">config</span>) </span>&#123;&#125;, <span class="comment">// 此处省略</span></span><br><span class="line">    <span class="string">'response'</span>: <span class="function"><span class="keyword">function</span> (<span class="params">_response</span>) </span>&#123;&#125;, <span class="comment">// 此处省略</span></span><br><span class="line">    <span class="string">'responseError'</span>: <span class="function"><span class="keyword">function</span> (<span class="params">_response</span>) </span>&#123;</span><br><span class="line">      <span class="keyword">if</span> (_response.status === <span class="number">0</span>) &#123;</span><br><span class="line">        <span class="keyword">return</span> abortingHandler(_response)</span><br><span class="line">      &#125;</span><br><span class="line"></span><br><span class="line">      <span class="comment">//对aborted的request 进行重新请求</span></span><br><span class="line">      <span class="function"><span class="keyword">function</span> <span class="title">abortingHandler</span>(<span class="params">_response</span>) </span>&#123;</span><br><span class="line"></span><br><span class="line">        <span class="comment">//如果是静态资源，则不作处理</span></span><br><span class="line">        <span class="keyword">if</span> (!_response.config.url.match(_notStaticUrlReg)) &#123;</span><br><span class="line">          <span class="keyword">return</span> $q.reject(_response)</span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line">        <span class="keyword">var</span> $http = $injector.get(<span class="string">'$http'</span>)</span><br><span class="line">        <span class="keyword">var</span> _config = _response.config</span><br><span class="line"></span><br><span class="line">        <span class="keyword">if</span> (<span class="keyword">typeof</span> _config.triedTimes !== <span class="string">'undefined'</span>) &#123;</span><br><span class="line">          _config.triedTimes++</span><br><span class="line">        &#125; <span class="keyword">else</span> &#123;</span><br><span class="line">          _config.triedTimes = <span class="number">1</span></span><br><span class="line">        &#125;</span><br><span class="line"></span><br><span class="line">        <span class="keyword">if</span> (_config.triedTimes &lt; <span class="number">3</span>) &#123;</span><br><span class="line">          <span class="keyword">return</span> $http(_config)</span><br><span class="line">        &#125; <span class="keyword">else</span> &#123;</span><br><span class="line">          <span class="keyword">return</span> $q.reject(_response)</span><br><span class="line">        &#125;</span><br><span class="line">      &#125;</span><br><span class="line"></span><br><span class="line">    &#125;</span><br><span class="line">  &#125;</span><br></pre></td></tr></table></figure>
 <h2 id="后话"><a href="#后话" class="headerlink" title="后话"></a>后话</h2><p>在实践 angular interceptor的过程中，这篇博客帮助了我很多，推荐大家可以去看看, <a href="http://www.webdeveasy.com/interceptors-in-angularjs-and-useful-examples/" target="_blank" rel="external">传送门</a>。以上只是我自己用的一些简单配置，如有局限或不对之处，还请见谅和指正。</p>
 <p>最近也开始使用react，感觉虽然react自己说学习他只需要一个react，可是在实际项目，尤其是企业级的项目中，只靠react一个是远远不够的。这时候，redux，react-router放上来都是最基本的配置。然后在实际过程中，对于类似angular interceptor的内容，我用的就是一个共有方法封装=_=，对于Http Mock使用的是<a href="https://github.com/jakerella/jquery-mockjax" target="_blank" rel="external">mockjax</a>。</p>
-</div><a data-url="http://codingfishman.github.io/2016/03/13/Angular_Interceptor的实际使用/" data-id="cinvwp9hm00007a2qgttl3w1l" class="article-share-link">分享到</a><div class="tags"><a href="/tags/angular-javascript/">angular javascript</a></div><div class="post-nav"><a href="/2016/03/17/记webpack与CSS在一起所遇到的奇怪现象/" class="pre">记webpack与CSS在一起所遇到的奇怪现象</a><a href="/2016/02/21/flex布局与float的冲突/" class="next">flex布局与float的冲突</a></div><div id="disqus_thread"><script>var disqus_shortname = 'codingfishman';
+</div><a data-url="http://codingfishman.github.io/2016/03/13/Angular_Interceptor的实际使用/" data-id="ciof77u0m0000fhalvzeke959" class="article-share-link">分享到</a><div class="tags"><a href="/tags/angular-javascript/">angular javascript</a></div><div class="post-nav"><a href="/2016/03/17/记webpack与CSS在一起所遇到的奇怪现象/" class="pre">记webpack与CSS在一起所遇到的奇怪现象</a><a href="/2016/02/21/flex布局与float的冲突/" class="next">flex布局与float的冲突</a></div><div id="disqus_thread"><script>var disqus_shortname = 'codingfishman';
 var disqus_identifier = '2016/03/13/Angular_Interceptor的实际使用/';
 var disqus_title = 'Angular Http Interceptor 的应用笔记';
 var disqus_url = 'http://codingfishman.github.io/2016/03/13/Angular_Interceptor的实际使用/';
 
@@ -20,7 +20,7 @@ <h1 id="font-face编译后内容生成了重复的花括号"><a href="#font-face
 <p>也就是说，编译后的<code>@font-face</code>被包裹上了<strong>两层花括号{}</strong>。很奇怪，后来也是经历了长时间的谷歌，都忘了从哪得到了这个提示，将<strong>@font-face</strong>放到整个文件的前面，包括<em>:global</em></p>
 <figure class="highlight"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br></pre></td><td class="code"><pre><span class="line">/* core.scss, 编译入口 */</span><br><span class="line">@font-face &#123;</span><br><span class="line">  font-family: 'Roboto';</span><br><span class="line">  src: url(http://github.com/'../static/fonts/RobotoCondensed-Light.ttf') format('truetype');</span><br><span class="line">  font-weight: 400;</span><br><span class="line">  font-style: normal;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line">:global&#123;</span><br><span class="line">  @import 'base';</span><br><span class="line">&#125;;</span><br></pre></td></tr></table></figure>
 <p>这样<strong>@font-face</strong>终于生效了。</p>
-</div><a data-url="http://codingfishman.github.io/2016/03/17/记webpack与CSS在一起所遇到的奇怪现象/" data-id="cinvwp9ht00047a2qlipkxvyi" class="article-share-link">分享到</a><div class="tags"><a href="/tags/webpack-css-css-modules/">webpack css css-modules</a></div><div class="post-nav"><a href="/2016/03/30/React_PropTypes_类型笔记/" class="pre">React PropTypes 到底有多少类型</a><a href="/2016/03/13/Angular_Interceptor的实际使用/" class="next">Angular Http Interceptor 的应用笔记</a></div><div id="disqus_thread"><script>var disqus_shortname = 'codingfishman';
+</div><a data-url="http://codingfishman.github.io/2016/03/17/记webpack与CSS在一起所遇到的奇怪现象/" data-id="ciof77u0y0004fhalv8vxl727" class="article-share-link">分享到</a><div class="tags"><a href="/tags/webpack-css-css-modules/">webpack css css-modules</a></div><div class="post-nav"><a href="/2016/03/30/React_PropTypes_类型笔记/" class="pre">React PropTypes 到底有多少类型</a><a href="/2016/03/13/Angular_Interceptor的实际使用/" class="next">Angular Http Interceptor 的应用笔记</a></div><div id="disqus_thread"><script>var disqus_shortname = 'codingfishman';
 var disqus_identifier = '2016/03/17/记webpack与CSS在一起所遇到的奇怪现象/';
 var disqus_title = '记webpack与CSS在一起所遇到的奇怪现象';
 var disqus_url = 'http://codingfishman.github.io/2016/03/17/记webpack与CSS在一起所遇到的奇怪现象/';