上面两张图主要将koa-router的整体代码结构和大概的执行流程画了出来，画的不够具体。那下面主要讲koa-router中的几处的关键代码解读一下。

Async 函数是一个非常了不起的东西，它将会在Chrome 55中得到默认支持。它允许你书写基于promise的代码，但它看起来就跟同步的代码一样，而且不会阻塞主线程。所以，它让你的异步代码看起来并没有那么"聪明"却更具有可读性。

学习的过程中收藏了这些优秀教程和的项目，希望对你有帮助。 github地址, 有不错的就更新 官方文档 中文指南 初级教程 webpack-howto 作者：Pete Hunt Webpack 入门指迷 作者：题叶 　 webpack-demos 作者：ruanyf 一小时包教会 —— webpack 入门指南 作者：VaJoy Larn　　 webpack 入门及实践 作者：zhouweicsu　　 Webp...

偏移量 offsetHeight: 元素在垂直方向占据的空间大小 => 内容高度 + 上下padding + 上下boder offsetWidth: 元素在水平方向占据的空间大小 => 内容宽度 + 左右padding + 左右boder offsetTop: 元素外边框距离offsetParent的上内边框的距离 offsetLeft: 元素外边框距离offsetParent的左内边框的距离 offsetParent ...

在gulp 3.9 版本中，我可以使用ES6(现在叫ES2015)来编写我们的gulpfile文件。 首先，确保你的gulp 和 CLI 版本是最新的3.9 ： {代码...} 应该输出： {代码...} 如果你的版本是低于3.9的，我们使用下列命令更新至最新版本： {代码...} 接下来就是将gulpfile.js 重命名为gulpfile.babel.js 现在就可以用ES6来写我们的gulpf...

由于目前各种环境下对ES6的支持程度并不高，在浏览器运行ES6代码是不太现实的，不过我们一样可以用ES6的新特新写代码，只是最后运行之前需要将其编译为 ES5的代码, 所以自然少不了编译工具，这里只介绍一个，也是最好用的一个： Babel .

一. ES6新特性相关 es6features : 经典的ES6新特性预览，github 逼近 10k star . ES6新特性概览 ：同样也很全面的特性介绍的中文版。 浏览器兼容性列表 ：可以看到还是全线飘红的~~~ V8 和 Node 支持特新列表： 据此在V8和node上使用这些新特新 . {代码...} 二.ES6相关教程 ECMAScript® 2015 Language Specification : ...

对了，这篇文章可能会涉及到正则表达式相关知识，所以推荐没有正则基础的去看看这篇入门文章：正则表达式30分钟入门教程，很经典的文章，反正我的正则就是从这里学的，^▽^ 。

圣杯布局--很好很巧妙的布局方式，每次都要翻看一下，干脆转过来 转自：[链接] 最终效果： 左侧栏固定宽度，右侧自适应 html: {代码...} css: {代码...} 右侧栏固定宽度，左侧自适应 html: {代码...} css: {代码...} 左中右 三栏自适应 html: {代码...} css: {代码...} 都在左边，右侧自适应 html: {代码...} css: {代码...

这是一个典型的angularjs的控制器，他发送了一个http请求，从后台获取json数据，然后把他传递给当前作用域。你会发现，我们并没有执行这个myController函数(我们没有机会给它传递参数)，其实，是angular这个框架帮我们做了；那么，$scope, $http这些变量从哪里来的呢？ 这是angular的一个非常酷的特性，我们一步步来实现...

javascript异步编程, web2.0时代比较热门的编程方式，我们平时码的时候也或多或少用到，最典型的就是异步ajax，发送异步请求，绑定回调函数，请求响应之后调用指定的回调函数，没有阻塞其他代码的执行。还有像setTimeout方法同样也是异步执行回调的方法。

以前我们敲静态页面都是写好html，css, js，然后再去刷新浏览器，艾尼马又不行，有重新写过再刷新，一个页面下来按chrl+r的次数可让你的键盘多活好几天，要不会刷新快捷按钮那不得手残了都。 后来，grunt,gulp等工具应运而生，当然它们不止这个功能，但却很好地减轻了我们的负担。这篇文章介绍一些如何使用这些工具使构...

思路： 新建一个新数组用于存放重复的数组元素，通过两个循环，比较两个数组元素是否相同。外循环控制第一个比较元素，内循环控制第二个比较元素，如果有重复元素则将该元素添加到新数组中，最后返回这个新数组。实现：

jQuery的版本更新很快，你应该总是使用最新的版本。因为新版本会改进性能，还有很多新功能。 下面就来看看，不同版本的jQuery性能差异有多大。这里是三条最常见的jQuery选择语句：

“前后端分离”显然已不是什么新鲜的话题，Zakas在2013年10月份就曾发表过一篇博客《Node.js and the new web front-end》讨论Node背景下新时代的前端。毫无疑问，Node的出现给JavaScript语言带来了新的生机，也使得前端开发者有了更多的可能性。

MV框架又是为什么兴起的呢？它的出现，伴随着一些 Web 产品逐渐往应用方向发展，遇到了在 C/S 领域相同的问题：由于前端功能的增强、代码的膨胀，导致不得不做“前端的架构”这个事情了。经常有人质疑，在前端搞 MV有什么意义？也有人提出这样的疑问：以 AngularJS，Knockout，BackBone 为代表的 MV*框架，它跟 jQuery 这...

ECMAScirpt 变量有两种不同的数据类型：基本类型，引用类型。也有其他的叫法，比如原始类型和对象类型，拥有方法的类型和不能拥有方法的类型，还可以分为可变类型和不可变类型，其实这些叫法都是依据这两种的类型特点来命名的，大家爱叫啥就叫啥吧 o(╯□╰)o 。

上一篇文章 我们大概知道了XHR对象是什么东东，也都了解了它的一些属性和方法，那么现在具体来实现一下Ajax技术 和 了解下XHR2对象。 1.实现Ajax 先来创建个XHR对象的实例： {代码...} 先来看个get请求 {代码...} 这里发送了个简单的get异步请求到我本地的web服务器中，然后我们在控制台看下输出： 可以看到刚创建完XHR...

Ajax是一种能够向服务器请求额外的数据而无需卸载页面(无刷新)的技术，是对Asynchronous Javascript + XML的简写，因其良好的用户体验，现已成为web不可或缺的技术。我们所熟知的Jquery的封装的ajax方法，也是通过这种技术实现的。

关于闭包，我翻了几遍书，看了几遍视频，查了一些资料，可是还是迷迷糊糊的，干脆自己动手来个总结吧 ！欢迎指正... (～ o ～)~zZ 1. 什么是闭包？ 来看一些关于闭包的定义： 闭包是指有权访问另一个函数作用域中变量的函数 --《JS高级程序设计第三版》 p178 函数对象可以通过作用域链相关联起来，函数体内部的变量都可...

结合《javascript高级程序设计》《javascript权威指南》《javascript语言精粹》做的一篇关于Array对象的全面解析。分为两篇：基础篇和扩展应用篇。

从2012年到现在，一篇文章都没发过让我觉得有点羞羞哒。三年是一段很长的时间，很多东西都发生了改变。2012年，我鼓励同学们去学习浏览器开发者工具和模块化；虽然有很多同学会觉得CSS预编译和客户端模板引擎并不靠谱，但我仍然想要说一说它们；还有JSHint，虽然有#getoffmylawn（滚出我的地盘）的警告，但依然无法阻止J...

性能是一个网站成功的关键，然而，如今日益丰富的内容和大量使用Ajax的Web应用程序已迫使浏览器达到其处理能力的极限，这就迫使我们需要一些技术来优化我们网站的性能！我相信已经有不少人看过了Yahoo出品的，震惊Web开发界的，雅虎14条军规了，但我们频繁地看见这类的文章，却很少实践。

算不上是很详细的教程，也很简单，知识想写下来记录下。也希望更多人用上 github 的核心功能，去创造些属于自己的开源的项目，因为总是看着别人的开源项目，心理总有股劲想写个自己的，但又不知道从哪下手，喏.. 这个教程就可以为你开启第一步！好吧，开始...

相信互联网已经越来越成为人们生活中不可或缺的一部分。Ajax，flex等等富客户端的应用使得人们越加“幸福”地体验着许多原先只能在C/S实现的功能。比如Google机会已经把最基本的office应用都搬到了互联网上。当然便利的同时毫无疑问的也使页面的速度越来越慢。自己是做前端开发的，在性能方面，根据Yahoo的调查，后台只占5...

{代码...} 摘自百度哀悼页面的css:

国内访问外网都很慢，甚至不能访问！大家都懂，都很无奈！ 安装Node时自带的npm地址默认是：[链接] ，访问很慢！ 没事，咋们换成国内的！怎么换？

2015.4.1 更新 【图片单击可放大】 第1题 第2题 第3题 第4题 第5题 第6题 第7题 忘了 第8题 第9题 后面几题没截到图啊。 10.Javascript实现格式化输出，比如输入999999999，输出为999,999,99911.运用JS设置cookie、读取cookie、删除cookie（写3个函数啥的）12.给出css，叫你添加css完成一个样式设置，感觉比较简单，可能...

本来在那片编写可维护性代码文章后就要总结这篇代码性能文章的，耽搁了几天，本来也是决定每天都要更新一篇文章的，因为以前欠下太多东西没总结，学过的东西没去总结真的很快就忘记了，记录一下在你脑力留下更深的印象，特别是这些可维护性代码，性能什么的，当在你脑子里形成一种习惯了，那你就牛了！这里也要给初学者...

你是不是经常听师兄或一些前端前辈说不能用CSS通配符 *，CSS选择器层叠不能超过三层，CSS尽量使用类选择器，书写HTML少使用table，结构要尽量简单-DOM树要小....等这些忠告，以前我就大概知道使用通配符或者CSS选择器层次过多可能会降低性能，至于为什么不使用table标签我一直是迷迷糊糊，也就跟着那样做了，但我认识了R...