Site updated: 2016-09-30 00:33:24

Author: litten

2015/05/25/logic-of-chord/index.html

@@ -224,7 +224,7 @@ <h1 class="article-title" itemprop="name">
 <p>同时，将E、A的开放和弦的指型描述出来：</p>
 <figure class="highlight prolog"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div><div class="line">6</div><div class="line">7</div><div class="line">8</div><div class="line">9</div><div class="line">10</div><div class="line">11</div><div class="line">12</div><div class="line">13</div><div class="line">14</div><div class="line">15</div><div class="line">16</div><div class="line">17</div><div class="line">18</div><div class="line">19</div><div class="line">20</div><div class="line">21</div><div class="line">22</div><div class="line">23</div><div class="line">24</div><div class="line">25</div></pre></td><td class="code"><pre><div class="line">//这里仅列出<span class="symbol">E</span>、<span class="symbol">A</span>大小和弦，共四种指法</div><div class="line">//更详细指法数据结构可参看后面demo</div><div class="line"></div><div class="line">chord_shapes = &#123;</div><div class="line">  	<span class="string">"M E"</span>: &#123;</div><div class="line">		name: <span class="string">"Maj"</span>,</div><div class="line">		chord: [[<span class="number">3</span>, <span class="number">2</span>], [<span class="number">4</span>, <span class="number">3</span>], [<span class="number">5</span>, <span class="number">3</span>]],</div><div class="line">		bars: [&#123;from_string: <span class="number">6</span>, to_string: <span class="number">1</span>, fret: <span class="number">1</span>&#125;]</div><div class="line">  	&#125;,</div><div class="line">  	<span class="string">"m E"</span>: &#123;</div><div class="line">	    name: <span class="string">"m"</span>,</div><div class="line">	    chord: [[<span class="number">4</span>, <span class="number">3</span>], [<span class="number">5</span>, <span class="number">3</span>]],</div><div class="line">	    bars: [&#123;from_string: <span class="number">6</span>, to_string: <span class="number">1</span>, fret: <span class="number">1</span>&#125;]</div><div class="line">  	&#125;,</div><div class="line">  	<span class="string">"M A"</span>: &#123;</div><div class="line">	    name: <span class="string">"Maj"</span>,</div><div class="line">	    chord: [[<span class="number">2</span>, <span class="number">3</span>], [<span class="number">3</span>, <span class="number">3</span>], [<span class="number">4</span>, <span class="number">3</span>], [<span class="number">6</span>, <span class="string">"x"</span>]],</div><div class="line">	    bars: [&#123;from_string: <span class="number">5</span>, to_string: <span class="number">1</span>, fret: <span class="number">1</span>&#125;]</div><div class="line">  	&#125;,</div><div class="line">  	<span class="string">"m A"</span>: &#123;</div><div class="line">	    name: <span class="string">"m"</span>,</div><div class="line">	    chord: [[<span class="number">2</span>, <span class="number">2</span>], [<span class="number">3</span>, <span class="number">3</span>], [<span class="number">4</span>, <span class="number">3</span>], [<span class="number">6</span>, <span class="string">"x"</span>]],</div><div class="line">	    bars: [&#123;from_string: <span class="number">5</span>, to_string: <span class="number">1</span>, fret: <span class="number">1</span>&#125;]</div><div class="line">  	&#125;</div><div class="line">&#125;;</div></pre></td></tr></table></figure>
 <p>分别传递“和弦名”,“指法”，“类型”作为参数，我们就可以很容易的画出和弦：</p>
-<figure class="highlight lisp"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line">createChord(<span class="string">"C"</span>, <span class="string">"A"</span>, <span class="string">"M A"</span>)<span class="comment">;  \\画出C和弦，用A指法，定义类型是大三和弦(Maj)</span></div><div class="line">createChord(<span class="string">"D"</span>, <span class="string">"A"</span>, <span class="string">"m A"</span>)<span class="comment">;  \\画出Dm和弦，用A指法，定义类型是小三和弦(Minor)</span></div></pre></td></tr></table></figure>
+<figure class="highlight mipsasm"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line">createChord(<span class="string">"C"</span>, <span class="string">"A"</span>, <span class="string">"M A"</span>)<span class="comment">;  \\画出C和弦，用A指法，定义类型是大三和弦(Maj)</span></div><div class="line">createChord(<span class="string">"D"</span>, <span class="string">"A"</span>, <span class="string">"m A"</span>)<span class="comment">;  \\画出Dm和弦，用A指法，定义类型是小三和弦(Minor)</span></div></pre></td></tr></table></figure>
 <p>###Demo</p>
 <p>以下是<a href="/assets/demo/chord/index.html">完整Demo</a>，将上述chord_shapes的指型补充得更完整。</p>
 <p>并且尝试用A指型，自动生成了C调的7个常用和弦。</p>

2016/09/11/diary-2016-0904-0910/index.html

@@ -9,22 +9,22 @@
   <meta name="description" content="“imweb-conf 2016 ”周六开始心里咯噔一下，怎么一年又过去了？
 作为腾讯算是有影响力的前端大会也是见证了它的成长今年，有直播，有嘉宾，居然还有饭吃，可以的
 回想自己第一次上台，也是在这个大会不过，当时说的啥肯定很傻，但记得我做了个挺不错的开场。果然吹牛更能达成诗和远方、光芒万丈的效果
-另外一个期待，就是能见着许多老朋友他们从风尘仆仆，从各地赶来。八千里路云和月，千里江陵一日还，仿佛一">
+另外一个期待，就是能见着许多老朋友他们风尘仆仆，从各地赶来。八千里路云和月，千里江陵一日还，仿佛一种">
 <meta property="og:type" content="article">
 <meta property="og:title" content="旧事 imweb-conf 9.4-9.10">
 <meta property="og:url" content="http://litten.github.io/2016/09/11/diary-2016-0904-0910/index.html">
 <meta property="og:site_name" content="Litten的博客">
 <meta property="og:description" content="“imweb-conf 2016 ”周六开始心里咯噔一下，怎么一年又过去了？
 作为腾讯算是有影响力的前端大会也是见证了它的成长今年，有直播，有嘉宾，居然还有饭吃，可以的
 回想自己第一次上台，也是在这个大会不过，当时说的啥肯定很傻，但记得我做了个挺不错的开场。果然吹牛更能达成诗和远方、光芒万丈的效果
-另外一个期待，就是能见着许多老朋友他们从风尘仆仆，从各地赶来。八千里路云和月，千里江陵一日还，仿佛一">
-<meta property="og:updated_time" content="2016-09-28T16:37:41.894Z">
+另外一个期待，就是能见着许多老朋友他们风尘仆仆，从各地赶来。八千里路云和月，千里江陵一日还，仿佛一种">
+<meta property="og:updated_time" content="2016-09-29T16:04:34.892Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="旧事 imweb-conf 9.4-9.10">
 <meta name="twitter:description" content="“imweb-conf 2016 ”周六开始心里咯噔一下，怎么一年又过去了？
 作为腾讯算是有影响力的前端大会也是见证了它的成长今年，有直播，有嘉宾，居然还有饭吃，可以的
 回想自己第一次上台，也是在这个大会不过，当时说的啥肯定很傻，但记得我做了个挺不错的开场。果然吹牛更能达成诗和远方、光芒万丈的效果
-另外一个期待，就是能见着许多老朋友他们从风尘仆仆，从各地赶来。八千里路云和月，千里江陵一日还，仿佛一">
+另外一个期待，就是能见着许多老朋友他们风尘仆仆，从各地赶来。八千里路云和月，千里江陵一日还，仿佛一种">
 
     <link rel="alternative" href="/atom.xml" title="Litten的博客" type="application/atom+xml">
 
@@ -166,8 +166,9 @@ <h1 class="article-title" itemprop="name">
         <p>“<a href="http://imweb.io/topic/57d8ded5eebf12d673f74cdc?utm_source=tuicool&amp;utm_medium=referral" target="_blank" rel="external">imweb-conf 2016</a> ”周六开始<br>心里咯噔一下，怎么一年又过去了？</p>
 <p>作为腾讯算是有影响力的前端大会<br>也是见证了它的成长<br>今年，有直播，有嘉宾，居然还有饭吃，可以的</p>
 <p>回想自己第一次上台，也是在这个大会<br>不过，当时说的啥肯定很傻，<br>但记得我做了个挺不错的开场。<br>果然吹牛更能达成诗和远方、光芒万丈的效果</p>
-<p>另外一个期待，就是能见着许多老朋友<br>他们从风尘仆仆，从各地赶来。<br>八千里路云和月，千里江陵一日还，仿佛一种迷之仪式感<br>出场的时候都应该会有bgm响起</p>
-<p>然而周六那天，发烧了<br>这时保持微笑就好了？<br>我不。</p>
+<p>另外一个期待，就是能见着许多老朋友<br>他们风尘仆仆，从各地赶来。<br>八千里路云和月，千里江陵一日还，仿佛一种迷之仪式感<br>出场的时候都应该会有bgm响起</p>
+<p>然而周六那天，突然就发烧了<br>脑袋的恍惚感一阵接一阵<br>应该是前两个夜晚熬夜做设计带来的连锁反应<br>那晚我做了个梦：<br>美好的月夜，皓月当空，天光似水<br>而我的想法居然是，怎么用图章工具把这月亮给干掉…</p>
+<p>Photoshop有毒，真的。</p>
 
 
     </div>

baidusitemap.xm

@@ -5,7 +5,7 @@
 
   <url>
     <loc>http://litten.github.io/2016/09/11/diary-2016-0904-0910/</loc>
-    <lastmod>2016-09-28T16:37:41.894Z</lastmod>
+    <lastmod>2016-09-29T16:04:34.892Z</lastmod>
     <data>
         <display>
         <title>旧事 imweb-conf 9.4-9.10</title>
@@ -501,19 +501,15 @@
 
 
   <url>
-    <loc>http://litten.github.io/2015/07/06/hack-in-localstorage/</loc>
+    <loc>http://litten.github.io/2015/04/28/img-lazy-load/</loc>
     <lastmod>2016-09-12T16:52:39.505Z</lastmod>
     <data>
         <display>
-        <title>作为一个前端，可以如何机智地弄坏一台电脑？</title>
-        <pubTime>2015-07-06T14:30:00.000Z</pubTime>
+        <title>说到加载图片，我们可以谈些什么</title>
+        <pubTime>2015-04-28T15:54:00.000Z</pubTime>
 
         <tag>js</tag>
 
-        <tag>安全</tag>
-         
-        <tag>黑科技</tag>
-         
 
 
         </display>
@@ -522,15 +518,19 @@
 
 
   <url>
-    <loc>http://litten.github.io/2015/04/28/img-lazy-load/</loc>
+    <loc>http://litten.github.io/2015/07/06/hack-in-localstorage/</loc>
     <lastmod>2016-09-12T16:52:39.505Z</lastmod>
     <data>
         <display>
-        <title>说到加载图片，我们可以谈些什么</title>
-        <pubTime>2015-04-28T15:54:00.000Z</pubTime>
+        <title>作为一个前端，可以如何机智地弄坏一台电脑？</title>
+        <pubTime>2015-07-06T14:30:00.000Z</pubTime>
 
         <tag>js</tag>
 
+        <tag>安全</tag>
+         
+        <tag>黑科技</tag>
+         
 
 
         </display>
@@ -730,10 +730,10 @@
         <title>统一处理异步的js回调</title>
         <pubTime>2013-10-06T02:55:00.000Z</pubTime>
 
-        <tag>web</tag>
-         
         <tag>js</tag>
 
+        <tag>web</tag>
+         
 
 
         </display>
@@ -918,10 +918,10 @@
         <title>Blog主题更新-1.0</title>
         <pubTime>2012-12-16T07:16:00.000Z</pubTime>
 
-        <tag>主题</tag>
-         
         <tag>octopress</tag>
 
+        <tag>主题</tag>
+         
 
 
         </display>
@@ -956,10 +956,10 @@
         <title>web worker简易入门</title>
         <pubTime>2013-09-25T02:55:00.000Z</pubTime>
 
-        <tag>web</tag>
-         
         <tag>html5</tag>
 
+        <tag>web</tag>
+         
 
 
         </display>

feed.json

@@ -158,8 +158,9 @@ <h1 itemprop="name">
         <p>“<a href="http://imweb.io/topic/57d8ded5eebf12d673f74cdc?utm_source=tuicool&amp;utm_medium=referral" target="_blank" rel="external">imweb-conf 2016</a> ”周六开始<br>心里咯噔一下，怎么一年又过去了？</p>
 <p>作为腾讯算是有影响力的前端大会<br>也是见证了它的成长<br>今年，有直播，有嘉宾，居然还有饭吃，可以的</p>
 <p>回想自己第一次上台，也是在这个大会<br>不过，当时说的啥肯定很傻，<br>但记得我做了个挺不错的开场。<br>果然吹牛更能达成诗和远方、光芒万丈的效果</p>
-<p>另外一个期待，就是能见着许多老朋友<br>他们从风尘仆仆，从各地赶来。<br>八千里路云和月，千里江陵一日还，仿佛一种迷之仪式感<br>出场的时候都应该会有bgm响起</p>
-<p>然而周六那天，发烧了<br>这时保持微笑就好了？<br>我不。</p>
+<p>另外一个期待，就是能见着许多老朋友<br>他们风尘仆仆，从各地赶来。<br>八千里路云和月，千里江陵一日还，仿佛一种迷之仪式感<br>出场的时候都应该会有bgm响起</p>
+<p>然而周六那天，突然就发烧了<br>脑袋的恍惚感一阵接一阵<br>应该是前两个夜晚熬夜做设计带来的连锁反应<br>那晚我做了个梦：<br>美好的月夜，皓月当空，天光似水<br>而我的想法居然是，怎么用图章工具把这月亮给干掉…</p>
+<p>Photoshop有毒，真的。</p>
 
 
     </div>

index.html

@@ -4,7 +4,7 @@
   <url>
     <loc>http://litten.github.io/2016/09/11/diary-2016-0904-0910/</loc>
 
-    <lastmod>2016-09-28T16:37:41.894Z</lastmod>
+    <lastmod>2016-09-29T16:04:34.892Z</lastmod>
 
   </url>
 
@@ -205,14 +205,14 @@
   </url>
 
   <url>
-    <loc>http://litten.github.io/2015/07/06/hack-in-localstorage/</loc>
+    <loc>http://litten.github.io/2015/04/28/img-lazy-load/</loc>
 
     <lastmod>2016-09-12T16:52:39.505Z</lastmod>
 
   </url>
 
   <url>
-    <loc>http://litten.github.io/2015/04/28/img-lazy-load/</loc>
+    <loc>http://litten.github.io/2015/07/06/hack-in-localstorage/</loc>
 
     <lastmod>2016-09-12T16:52:39.505Z</lastmod>
 
@@ -450,7 +450,7 @@
   </url>
 
   <url>
-    <loc>http://litten.github.io/assets/demo/jiugongge_demo.html</loc>
+    <loc>http://litten.github.io/assets/demo/hack_demo.html</loc>
 
     <lastmod>2014-10-12T03:15:19.805Z</lastmod>
 
@@ -464,35 +464,35 @@
   </url>
 
   <url>
-    <loc>http://litten.github.io/assets/demo/hack_demo.html</loc>
+    <loc>http://litten.github.io/assets/demo/jiugongge_demo.html</loc>
 
     <lastmod>2014-10-12T03:15:19.805Z</lastmod>
 
   </url>
 
   <url>
-    <loc>http://litten.github.io/assets/demo/gift/js/shake.js</loc>
+    <loc>http://litten.github.io/assets/demo/gift/js/zepto.min.js</loc>
 
     <lastmod>2014-10-12T03:15:19.796Z</lastmod>
 
   </url>
 
   <url>
-    <loc>http://litten.github.io/assets/demo/gift/js/zepto.min.js</loc>
+    <loc>http://litten.github.io/assets/demo/gift/js/shake.js</loc>
 
     <lastmod>2014-10-12T03:15:19.796Z</lastmod>
 
   </url>
 
   <url>
-    <loc>http://litten.github.io/assets/demo/gift/js/index.main.js</loc>
+    <loc>http://litten.github.io/assets/demo/gift/index.html</loc>
 
     <lastmod>2014-10-12T03:15:19.795Z</lastmod>
 
   </url>
 
   <url>
-    <loc>http://litten.github.io/assets/demo/gift/index.html</loc>
+    <loc>http://litten.github.io/assets/demo/gift/js/index.main.js</loc>
 
     <lastmod>2014-10-12T03:15:19.795Z</lastmod>
 
@@ -520,14 +520,14 @@
   </url>
 
   <url>
-    <loc>http://litten.github.io/assets/demo/coffee_pc_demo/pro-con.js</loc>
+    <loc>http://litten.github.io/assets/demo/coffee_pc_demo/pro-con.html</loc>
 
     <lastmod>2014-10-12T03:15:19.792Z</lastmod>
 
   </url>
 
   <url>
-    <loc>http://litten.github.io/assets/demo/coffee_pc_demo/pro-con.html</loc>
+    <loc>http://litten.github.io/assets/demo/coffee_pc_demo/pro-con.js</loc>
 
     <lastmod>2014-10-12T03:15:19.792Z</lastmod>