摘要：
Firebug控制台详解http://oklai.name/2011/07/firebug%E6%8E%A7%E5%88%B6%E5%8F%B0%E8%AF%A6%E8%A7%A3/#more-16Firebug是网页开发的利器，能够极大地提升工作效率。但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。Firebug控制台详解作者：阮一峰控制台（Console）是Firebug的第一个面板，也是最重要的面板，主要作用是显示网页加载过程中产生各类信息。一、显示信息的命令Firebug内置一个console对象，提供5种方法，用来显示 阅读全文
摘要：
1.Yahoo性能优化http://developer.yahoo.com/performance/rules.html1、尽量减少HTTP请求个数——须权衡合并图片（如css sprites，内置图片使用数据）、合并CSS、JS，这一点很重要，但是要考虑合并后的文件体积。2、使用CDN（内容分发网络）这里可以关注CDN的三类实现：镜像、高速缓存、专线，以及智能路由器和负载均衡；3、为文件头指定Expires或Cache-Control，使内容具有缓存性。区分静态内容和动态内容，避免以后页面访问中不必要的HTTP请求。4、避免空的src和href留意具有这两个属性的标签如link，script 阅读全文
摘要：
Javascript继承机制的设计思想转自：http://oklai.name/page/4/作者：阮一峰日期：2011年6月 5日我一直很难理解Javascript语言的继承机制。它没有”子类”和”父类”的概念，也没有”类”（class）和”实例”（instance）的区分，全靠一种很奇特的”原型链”（prototype chain）模式，来实现继承。我花了很多时间，学习这个部分，还做了很多笔记。但是都属于强行记忆，无法从根本上理解。直到昨天，我读到法国程序员Vjeux的解释，才恍然大悟，完全明白了Javascript为什么这样设计。下面，我尝试用自己的语言，来解释它的设计思想。彻底说明白p 阅读全文
摘要：
Javascript的this用法转自：http://oklai.name/page/3/作者：阮一峰日期：2010年4月30日this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如， function test(){ this.x = 1; }随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。下面分四种情况，详细讨论this的用法。情况一：纯粹的函数调用这是函数的最通常用法，属于全局性调用，因此this就代表全局对象Global。请看下面这段代码，它的运行结果是1... 阅读全文
摘要：
Javascript对象冒充——call与apply转自：http://oklai.name/page/3/构想原始的 ECMAScript 时，根本没打算设计对象冒充（object masquerading）。它是在开发者开始理解函数的工作方式，尤其是如何在函数环境中使用 this 关键字后才发展出来。其原理如下：构造函数使用 this 关键字给所有属性和方法赋值（即采用类声明的构造函数方式）。因为构造函数只是一个函数，所以可使 ClassA 构造函数成为 ClassB 的方法，然后调用它。ClassB 就会收到 ClassA 的构造函数中定义的属性和方法。例如，用下面的方式定义 Class 阅读全文
摘要：
以下是一些触发浏览器（reflow）的操作1.字体大小 改变（font size change）2.窗口大小 改变(screen resize)3.样式表添加或删除（add/remove stylesheets）4.JS更改DOM元素（js changing dom）5.：hover动作(:hover)6.位置计算（offset calcs）7.用户输入(user input)8.改变样式属性（changing class attr） 阅读全文