kraaas前端博客

koa-router 源码浅析

ouou 2016-11-13 发布
41 收藏

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

[译] Async 函数，让promise更友好！

ouou 2016-11-03 发布
31 收藏

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

webpack 教程资源收集

ouou 2016-07-18 发布
610 收藏

学习的过程中收藏了这些优秀教程和的项目，希望对你有帮助。 github地址, 有不错的就更新官方文档中文指南初级教程 webpack-howto 作者：Pete Hunt Webpack 入门指迷作者：题叶　 webpack-demos 作者：ruany...

常用元素位置与大小总结

ouou 2016-05-19 发布
23 收藏

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

[ ES6 ] 三. 使用 ES6 来写gulp任务

ouou 2015-09-12 发布
16 收藏

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

[ ES6 ] 二. 使用 Babel 编译你的ES6代码

ouou 2015-09-12 发布
22 收藏

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

[ ES6 ] 一. ECMAScript 6 相关学习资源

ouou 2015-09-12 发布
98 收藏

一. ES6新特性相关 es6features : 经典的ES6新特性预览，github 逼近 10k star . ES6新特性概览：同样也很全面的特性介绍的中文版。浏览器兼容性列表：可以看到还是全线飘红的~~~ V8 和 Node 支持特新列表： ...

[ JS 进阶 ] test, exec, match, replace

ouou 2015-08-26 发布
112 收藏

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

[ 好文分享 ] CSS布局终极方案之--圣杯布局（兼容IE6+，现代浏览器）

ouou 2015-08-20 发布
27 收藏

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

[ AngularJS ] 自己实现一个简单的依赖注入

ouou 2015-08-03 发布
26 收藏

这是一个典型的angularjs的控制器，他发送了一个http请求，从后台获取json数据，然后把他传递给当前作用域。你会发现，我们并没有执行这个myController函数(我们没有机会给它传递参数)，其实，是angular这个框架...

[ JS 进阶 ] 异步编程 promise模式的简单实现

ouou 2015-07-28 发布
87 收藏

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

[ 前端实习日记 ] 构建静态页面基础架构

ouou 2015-07-16 发布
132 收藏

以前我们敲静态页面都是写好html，css, js，然后再去刷新浏览器，艾尼马又不行，有重新写过再刷新，一个页面下来按chrl+r的次数可让你的键盘多活好几天，要不会刷新快捷按钮那不得手残了都。后来，grunt,gulp等...

[ 题目练习 ] 前端技能练习1

ouou 2015-07-09 发布
27 收藏

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

[ 好文分享 ] jQuery最佳实践

ouou 2015-07-09 发布
13 收藏

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

[ 好文分享 ] 美团酒店Node全栈开发实践

ouou 2015-07-05 发布
71 收藏

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

[ 前端框架 ] 前端 MV*框架的意义

ouou 2015-05-25 发布
41 收藏

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

[ JS 进阶 ] 基本类型引用类型简单赋值对象引用

ouou 2015-05-23 发布
119 收藏

ECMAScirpt 变量有两种不同的数据类型：基本类型，引用类型。也有其他的叫法，比如原始类型和对象类型，拥有方法的类型和不能拥有方法的类型，还可以分为可变类型和不可变类型，其实这些叫法都是依据这两种的类型...

[ JS 进阶 ] Ajax 详解 (2) ：XHR 实例 GET 和 POST 异步和同步

ouou 2015-05-23 发布
72 收藏

上一篇文章我们大概知道了XHR对象是什么东东，也都了解了它的一些属性和方法，那么现在具体来实现一下Ajax技术和了解下XHR2对象。 1.实现Ajax 先来创建个XHR对象的实例： {代码...} 先来看个get请求 {代码...}...

[ JS 进阶 ] Ajax 详解 (1) ：XHR 对象

ouou 2015-05-20 发布
46 收藏

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

[ JS 进阶 ] 闭包，作用域链，垃圾回收，内存泄露

ouou 2015-05-19 发布
240 收藏

关于闭包，我翻了几遍书，看了几遍视频，查了一些资料，可是还是迷迷糊糊的，干脆自己动手来个总结吧！欢迎指正... (～ o ～)~zZ 1. 什么是闭包？来看一些关于闭包的定义：闭包是指有权访问另一个函数作用域中...