摘要：
点击后形成扩散圈这个名字有点奇怪，就是在一个div被点击后，会形成一个圈，往外扩散，直至塞满整个div。效果看这：http://codepen.io/crab/pen/aAbvf具体的实现就是在被点击的div中加入svg，然后其中的circle不断扩大，最后remove掉。在这里用了jquery库。... 阅读全文
摘要：
这几周，看了各种各样的代码，经过一堆代码review，也有了一些基本上的码农感觉。打算记录下来，这样以后忘记了还能回来看看。本来上个星期就想写这篇文章的，结果星期天晚上被叫回去修bug了。。下面分css和js来记录。css：在传统意义上，css的书写，只要能够将效果表现出来，同时前面的selecto... 阅读全文
摘要：
简介Backbone是一款不错的前端MVC框架，它主要由Router，Model，View，Collection构成。当我们在一个页面中有许多交互，js操作，即构建富应用程序(rich client-side applications)时，用Backbone这类的框架来管理自己的代码是十分有用的。在... 阅读全文
摘要：
js中DOM操作占了极大的部分，对于节点的操作主要有节点插入，节点移除，节点复制，还有一些innerHTML，innerText，outerHTML相关的东西。节点的插入原生的DOM接口非常简单，参数确定，方法调用方便。jQuery对这些原生接口进行利用，组装出了一些列更为犀利的方法，append、... 阅读全文
摘要：
此页面中的动画效果都是只用了-webkit前缀的，所以建议用chrome打开此页面animation-timing-functionanimation-timing-function 规定动画的速度曲线。速度曲线定义动画从一套 CSS 样式变为另一套所用的时间。在平常的取值中，主要有以下几个：值描述... 阅读全文
摘要：
js中的类工厂就是因为js中一直没有真正的类。创建类工厂是为了模拟类，类工厂的主要部分就是prototype的扩展和返回一个基本的用来new的函数prototype扩展首先是prototype的扩展，可以用一个简单的for...in...循环来实现。for(var item in from){ ... 阅读全文
摘要：
先看一段比较神奇的运算和他的结果：{}+[]//0[]+{}//"[object Object]"{}+[] == []+{}//false({}+[]) == []+{}//true运算结果不一样，很神奇啊。。。我们来看一下js中对Object和Array直接执行运算时会发生什么。由于数组不是一个... 阅读全文
摘要：
扩展浏览器原生对象原型用：function extend(target,source){ var toString = Object.prototype.toString, hasOwn = Object.prototype.hasOwnProperty,back = {}; if... 阅读全文
摘要：
这两天在看关于AMD中getCurrentScript函数时，突然想到，既然可以检测出当前出错的js文件，那么是不是可以做一个自动js bug预警的功能。以后只要有js错误出现，就会自动将错误上传到服务器。先看司徒正美大大书中写的一段关于检测js文件地址的函数，相关博客地址点这：function g... 阅读全文
摘要：
数组化数组是一个很好的存储结构，不过光像以下这样声明类数组功能略弱：var arrayLike = { 0: 'a', 1: 'b', 2: 'c', length: 3}为了使其拥有数组的功能，通常会将其进行数组化转化，一般的，我们只... 阅读全文