摘要：
BFC已经是一个耳听熟闻的词语了，网上有许多关于BFC的文章，介绍了如何触发BFC， 以及BFC的一些用处（如清浮动，防止margin重叠等）。虽然我知道如何利用BFC解决这些问题，但当别人问我BFC是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec, 和许多文章，来全... 阅读全文
摘要：
Firebug是网页开发的利器，能够极大地提升工作效率。但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。===================================Firebug控制台详解作者：阮一峰出处：http://ww... 阅读全文
摘要：
文章整理了Web前端开发中的各种CSS规范，包括文件规范、注释规范、命名规范、书写规范、测试规范等。一、文件规范1、文件均归档至约定的目录中（具体要求以豆瓣的CSS规范为例进行讲解）：所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中：基本样式库 /css/core通用UI元素样式库 /css/libJS组件相关样式库 /css/ui业务类的CSS是指和具体产品相关的文件，放在如下目录中：读书 /css/book/电影 /css/movie/音乐 /css/music/社区 /css/sns/小站 /css/site/同城 /css/location/电台 /css/ra 阅读全文
摘要：
什么是Fouc(文档样式短暂失效)？ 在引用css的过程中，如果方法不当或者位置引用不对，会导致某些页面在windows下的ie出现一些奇怪的现象，以无样式显示页面内容的瞬间闪烁，这种现象称之为文档样式短暂失效，简称FOCU。原因大致为： 1、使用import方法导入样式表 2、将样式表放在页面底部 3、有几个样式表，放在html结构的不同位置。其实原理很清楚：当样式表晚于结构性html加载，当加载到此样式表时，页面将停止之前的渲染。此样式表被下载和解析后，将重新渲染页面，也就出现了短暂的花屏现象。解决方法：使用LINK标签将样式表放在文档HEAD中。 阅读全文
摘要：
单例模式是javascript最基本，最有用的模式之一，它提供了一种将代码组织为一个逻辑单元的手段，这个逻辑单元中的代码通过单一的变量进行访问。我的理解是在这个作用域中，只有通过单一的变量来访问，不存在第二份。这样的话，也能用来划分命名空间，以减少全局变量的泛滥。1、对象直接量实现最基本、最简单的单体var Singleton = { attr1 : 1, attr2 : 'hello', method1 : function(){alert(this.attr2);}, method2 : function(arg){}} 这种方式中，对象所有成员都通过Single... 阅读全文
摘要：
原型继承的定义当你阅读关于JS原型继承的解释时，你时常会看到以下这段文字：当查找一个对象的属性时，JavaScript 会向上遍历原型链，直到找到给定名称的属性为止。——出自JavaScript秘密花园大多数JavaScript的实现用__proto__属性来表示一个对象的原型链。在这篇文章里我们将看到__proto__与prototype的区别何在。注：__proto__是一个不应在你代码中出现的非正规的用法，这里仅仅用它来解释JavaScript原型继承的工作原理。以下代码展示了JS引擎如何查找属性：function getProperty(obj, prop) { if (obj.... 阅读全文
摘要：
调用方式：iTimerID=window.setTimeout(vCode,iMilliSeconds[,sLanguage])功能：Evaluatesanexpressionafteraspecifiednumberofmillisecondshaselapsed.在 超过一定的时间间隔（iMilliSeconds,这个参数以毫秒为单位，如果你输入1000，则表示一秒）之后执行表达式vCode,这个vCode可 以是一段程序，亦可以是一个函数指针，即函数名称。例如：window.setTimeout("alert('Hello,world')",1000) 阅读全文
摘要：
--> [开始] [结束] [开始] ... 阅读全文
摘要：
除了按F12进入开发人员工具来查看当前页面的浏览器模式和文档模式以外, 还可以通过js来查看当前页面使用的文档模式, 主要就是用文档兼容性模式属性(documenMode)来判断.<html> <head> <title>my documentmode version is </title> <META http-equiv="X-UA-Compatible" content="IE=7" > </META> <script language="javascript& 阅读全文
摘要：
http头详解HTTP Header 包含了一系列重要的信息例如状态码,响应类型,文件编码等...按字母顺序排列第一个HTTP Header 就是AcceptAccept只出现在Request中其含义是: 浏览器端可以接受的媒体类型例如Accept: text/html 代表浏览器可以接受服务器回发的类型为 text/html 也就是我们常说的html文档如果服务器无法返回text/html类型的数据,服务器应该返回一个406错误(non acceptable)通配符 * 代表任意类型例如 Accept: */* 代表浏览器可以处理所有类型,(一般浏览器发给服务器都是发这个)又例如 Accep 阅读全文