-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
14 lines (14 loc) · 7.47 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html><html lang="zh-cmn-Hans"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><title>随心小筑</title><link rel="stylesheet" href="/css/layout.css" type="text/css">
<link rel="stylesheet" href="/css/main.css" type="text/css"><link rel="shortcut icon" href="/img/favicon.png"></head><body><header class="base-menu"><div class="menu-wrapper"><div class="menu-layout-bg"></div><nav class="menu-content"><ul class="menu-list"><li class="menu-item"><a href="/" class="menu-link">随心小筑</a></li><li class="menu-item"><a href="/blog/archives" class="menu-link">Archives</a></li><li class="menu-item"><a href="/about" class="menu-link">About</a></li></ul></nav></div></header><header class="base-mobile-menu"><div class="mobile-menu-wrapper"><div class="menu-layout-bg"></div><nav class="menu-content"><ul class="menu-list"><li class="menu-item"><a href="/" class="menu-link">随心小筑</a></li><li class="menu-item"><a href="/blog/archives" class="menu-link">Archives</a></li><li class="menu-item"><a href="/about" class="menu-link">About</a></li></ul></nav><div id="mobile-menu-toggle" class="toggle-menu"><span class="menu-bar"></span><span class="menu-bar"> </span><span class="menu-bar"></span></div></div></header><div class="base-content"><div class="base-content-main"><div class="post-list-wrapper"><article class="article-item"><h2 class="article-title-wrapper"><a href="/blog/2014/08/11/mvc-vs-mvp-vs-mvvm" target="_blank" class="title-link">MVC vs MVP vs MVVM</a></h2><div class="article-meta"><p class="meta-item meta-time"><span class="meta-item-title">发表于: </span>2014-08-11</p><p class="meta-item meta-category"><span class="meta-item-title">分类于: </span><a href="/blog/categories/JavaScript/" target="_blank" class="category-link">JavaScript</a></p></div><div class="article-excerpt"><p>先说一下本文讨论什么吧。主要讨论一下MV*的原理，以及MV*与JavaScript的结合。<em>不</em>讨论常见的Framework的横向对比。所以，隐约觉得，又是一篇枯燥的长文。</p>
<p>为什么要写这么一篇文章？一年前毕业，正式成为一个全职的前端选手，了解到JavaScript中的MV*类的框架，不明觉厉，碍于水平限制一直没有过多了解。近几个月，断断续续用Backbone/Angular/Ractive写过一些小的Demo，使用之后的感觉是仿佛在按照Framework要求的API在拼凑，而对所谓的MV*的每一部分没有清晰的认识，最终结果是，使用过一段时间后很容易忘记API，忘记API之后它们就成了陌生的框架。当然这个问题与我使用的深度有很大很直接的关系，但同时我认为也与自身缺少对原理的认知有关系。所以，花了一些时间学习了一下原理，稍作记录。</p></div><div class="article-read-more"><a href="/blog/2014/08/11/mvc-vs-mvp-vs-mvvm/" class="read-more-link">Read more</a></div></article><article class="article-item"><h2 class="article-title-wrapper"><a href="/blog/2014/07/07/numbers-in-javascript" target="_blank" class="title-link">Numbers in JavaScript</a></h2><div class="article-meta"><p class="meta-item meta-time"><span class="meta-item-title">发表于: </span>2014-07-07</p><p class="meta-item meta-category"><span class="meta-item-title">分类于: </span><a href="/blog/categories/基础知识/" target="_blank" class="category-link">基础知识</a></p></div><div class="article-excerpt"><p>Mozilla开发者社区是我学习的重要途径，有一次逛到<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find#Polyfill" target="_blank">这个API</a>看到Polyfill有几行代码：</p>
<figure class="highlight javascript"><figcaption><span>The Unsigned Right Shift Operator</span></figcaption><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">var</span> list = <span class="built_in">Object</span>(<span class="keyword">this</span>);</span><br><span class="line"><span class="keyword">var</span> length = list.length >>> <span class="number">0</span>;</span><br></pre></td></tr></table></figure>
<p>由于非CS的某野生专业出身，我对位运算符的了解比较模糊，大概能明白的只是<code>list.length >>> 0</code>对<code>list.length</code>做无符号右移，而返回值是<code>>=0</code>的整数，但背后的运算过程，就不能说得清楚了。复习了一下相关知识，做个笔记。</p></div><div class="article-read-more"><a href="/blog/2014/07/07/numbers-in-javascript/" class="read-more-link">Read more</a></div></article><article class="article-item"><h2 class="article-title-wrapper"><a href="/blog/2014/05/18/async-javascript" target="_blank" class="title-link">Async JavaScript</a></h2><div class="article-meta"><p class="meta-item meta-time"><span class="meta-item-title">发表于: </span>2014-05-18</p><p class="meta-item meta-category"><span class="meta-item-title">分类于: </span><a href="/blog/categories/JavaScript/" target="_blank" class="category-link">JavaScript</a></p></div><div class="article-excerpt"><p>最近看了一些JavaScript异步编程方面文章，也反复读了几遍薄薄的<a href="http://book.douban.com/subject/24319975/" target="_blank">《Async JavaScript》</a>。总结一下，供自己后续学习使用，并分享给大家。</p>
<p>首先，有几个问题。什么是异步编程/异步函数？异步函数和回调函数有什么关系？为什么异步编程经常与JavaScript同时出现？JavaScript中的异步函数的机制是怎样的？那么现在异步编程有什么解决方案？未来的JavaScript异步编程是什么样子？如果你对上述几个问题已经虽不至“如数家珍”但已是“一目了然”，那么再往下的内容就不适合你了。那么，我们开始吧~</p></div><div class="article-read-more"><a href="/blog/2014/05/18/async-javascript/" class="read-more-link">Read more</a></div></article><article class="article-item"><h2 class="article-title-wrapper"><a href="/blog/2013/10/31/first-rake-new-post-for-test" target="_blank" class="title-link">Hello My Blog ！</a></h2><div class="article-meta"><p class="meta-item meta-time"><span class="meta-item-title">发表于: </span>2013-10-31</p><p class="meta-item meta-category"><span class="meta-item-title">分类于: </span><a href="/blog/categories/Life/" target="_blank" class="category-link">Life</a></p></div><div class="article-excerpt"><p>  Hello My Blog ！Hello github pages ！</p>
<p>  开始吧~<br></div><div class="article-read-more"><a href="/blog/2013/10/31/first-rake-new-post-for-test/" class="read-more-link">Read more</a></div></article></div><div id="base-discus"></div></div></div><footer class="base-footer"><div class="footer-wrapper"><span>随心 Using </span><a href="https://github.com/chuguixin/Simple"><span>Simple</span></a><span> Presents For You.</span></div></footer><div class="dom-ready"><script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script><script src="/js/base.js" type="text/javascript"></script><script>var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?34f1b5ac0025caf0dec6d5dadadeff67";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script><script src="http://v2.uyan.cc/code/uyan.js?uid=1839078"></script></div></body></html>