仓库源文，站点原文

title: 感想以及一些文章索引 categories:

<p>接触前端快三年了，记得是在大二的时候开始进博客园写博，三年的成长有两年得益于与各位前辈的交流和讨论。首先感谢博客园给我们提供了很好的交流平台，也祝博客园的建设越来越好！同时也感谢技术上擦过火花的小伙伴们，希望以后的日子里可以更多更深入的交流！</p> <h3>一点学习经验</h3> <p>以 <strong>Barret</strong> 这个名字混迹于不少 QQ 群中，时间比较久了，跟一些人也建立了比较好的友谊关系。在群里，不管是提问还是回答别人提出的问题，总能在未知领域找到属于自己的东西。现在还会经常在群里碰到学习前端的新人，他们有时提问抓不到关键词或者不知道如何形容自己的问题，这也让我看到了当初的自己，希望有经验的学习者可以包容这些人，耐心的回答他们提出的问题，因为我们也是这么成长起来的~</p> <p>这几年时间我看过很多<a title="豆瓣读书，部分书籍列表" href="http://book.douban.com/people/hustskyking/collect" target="_blank">书籍</a>，每本书都是作者学习经验的浓缩，我很推荐大家买几本参考书籍，如《JavaScript权威指南》、《JavaScript设计模式》、《JavaScript异步编程》、《JavaScript高级程序设计》、《JavaScript语言精粹》、《CSS权威指南》等，这些书籍我都读过三五遍，有些则看过七八遍，所以对一些 JS 比较基础的东西都有所了解。我们在网上所有资料的时候，也推荐大家上权威一点的网站上去查询，如 <a href="//developer.mozilla.org/en/" target="_blank">MDN</a>、<a href="http://msdn.microsoft.com/en-us/#fbid=OYqXopniVLY" target="_blank"> MSDN </a> 、<a href="http://www.whatwg.org/" target="_blank">whatwg</a>、<a href="http://www.w3.org/TR/" target="_blank">w3</a>等，在这里我们可以找到最全面最深入的资料。</p> <p>对于问题的剖析一定要刨根问底，一直追溯到最底层的原理，比如 垃圾回收机制 追溯到 V8，websocket 追溯到 TCP 层等，把最底层的原理搞明白了，回答别人的问题才会有底气，不然人家几个为什么就会把你问的无话可说了。</p> <p>去年的六月份在百度实习了三个月，那时候的同事给我取了个外号，叫\<strong>小胡子哥</strong>"，我也比较喜欢这个 nickname，所以在博客顶上也加上了这个外号。现在我在淘宝UED实习，阿里有个传统就是给自己取花名，当时也没多想，天王被人注册了，所以给自己取了个名字，叫 \<strong>阎王</strong>"。所以大家也可以叫我阎王。</p> <h3>文章罗列</h3> <p>本来打算在入园两周年发点有技术含量的文章，结果，呵..呵，太忙了，就简单的罗列下自己写过的一点点东西。</p> <h4>1. web语音通信</h4> <ul> <li><a href="http://www.cnblogs.com/hustskyking/p/webAudio-filter.html">让音乐响起来</a></li> <li><a href="http://www.cnblogs.com/hustskyking/p/webAudio-show-audio.html">看得到的音频流</a></li> <li><a href="http://www.cnblogs.com/hustskyking/p/webAudio-volume.html">音量的控制</a></li> <li><a href="http://www.cnblogs.com/hustskyking/p/webAudio-cross-fading.html">声道的转换</a></li> <li><a href="http://www.cnblogs.com/hustskyking/p/webAudio-filter.html">声音的过滤</a></li> </ul> <p>这一系列的文章还没有写完，后续还有几篇，等有时间了整理下。包括如何使用 JavaScript 录音，还是音频的压缩和船速等等。</p> <h4>2. 一些原理性的东西</h4> <ul> <li><a href="http://www.cnblogs.com/hustskyking/p/javascript-asynchronous-programming.html">Javascript异步编程原理</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_17" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/how-to-achieve-loading-module.html">浅谈模块化加载的实现原理</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_19" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/websocket-with-node.html">细说WebSocket - Node篇</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_19" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/websocket-with-node.html"></a><a id="homepage1_PostList1_rptEntries_TitleUrl_18" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/websocket-with-php.html">细说websocket - php篇</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_14" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/how-regular-expressions-work.html">进阶正则表达式</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_4" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/javascript-array.html">你所不知道的JavaScript数组</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_0" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/web-communication.html">JavaScript之web通信</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_2" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/principle-of-javascript-template.html">JavaScript模板引擎原理</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_11" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/javascript-closure.html">对闭包机制的深入理解</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_11" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/javascript-closure.html"></a><a id="homepage1_PostList1_rptEntries_TitleUrl_11" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/problem-javascript-event.html">[解惑]JavaScript事件机制</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_11" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/problem-javascript-event.html"></a><a id="homepage1_PostList1_rptEntries_TitleUrl_17" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/extend-in-jQuery.html">解读jQuery中extend函数</a></li> </ul> <p>因为喜欢去偏底层的思考，所以对一些经常遇到的东西做了稍微深层的分析。</p> <h4>3. 介绍性的东西</h4> <ul> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_1" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/open-source.html">软件（代码）开源，协议声明</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_5" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/javascript-fullscreen.html">让你的页面瞬间全屏</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_12" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/multiple-download-with-javascript.html">JavaScript多文件下载</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_13" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/manufacture-font-face-in-web.html">再探@font-face及webIcon制作</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_1" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/history-api-in-html5.html">PJAX的实现与应用</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_4" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/ES6-introduce.html">ECMAScript 6 简介</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_7" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/let-your-page-understood-by-search-engine.html">SEO：让搜索引擎对你的网站更有亲和力(译)</a></li> </ul> <h4>4. 偏应用的</h4> <ul> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_3" class="PostTitle" href="http://www.cnblogs.com/hustskyking/archive/2013/06/03/3D-Tank-War.html">【屌丝之作】3D遥控坦克大战</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_7" class="PostTitle" href="http://www.cnblogs.com/hustskyking/archive/2013/05/04/getkeywords.html">Javascript综合应用小案例</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_18" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/change-fontSize-with-pure-css.html">字体大小自适应纯css解决方案</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_14" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/responsive-web-desigin.html">那些年，我们一起玩过的响应式布局</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_13" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/javascript-spec.html">前端编码规范之JavaScript</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_15" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/css-spec.html">前端编码规范之CSS</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_9" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/javascript-regexp.html">玩转正则之highlight高亮</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_0" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/semicolon-retalk.html">Javascript分号，加还是不加？</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_3" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/problems-in-git-when-ssh.html">git/ssh捋不清的几个问题</a></li> <li><a id="homepage1_PostList1_rptEntries_TitleUrl_15" class="PostTitle" href="http://www.cnblogs.com/hustskyking/p/user-exprience-in-login-box.html">从登录框看前端</a></li> </ul> <h3>结语</h3> <p>在学校，很多时间都是自己支配的，相当自由，工作之后一些事情就身不由己了，我希望自己记录的一点东西可以对新人有帮助，也希望可以通过这些文字记录自己学习的历程。谢谢大家的支持！ </p>