我的博客

FOUC是文档样式短暂失效(Flash of Unstyled Content),简称为FOUC。简单地说，就是指css样式最后才加载出来渲染html。因此会先看到混乱的网页，再看到正常的页面。出现的原因就很容易推测出：1、css文件加载放到了html文档末；2、使用了@import导入css解决方案：在标签里面引用CSS.

由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至同一浏览器在不同版本中，对页面的渲染也不同。在W3C标准出台以前，浏览器在对页面的渲染上没有统一规范，产生了差异(Quirks mode或者称为Compatibility Mode)；由于W3C标准的推出，浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars mode)，这就是二者最简单的区别。

一、简介在javascript中一切都是对象，没有类的说法。因此，只要知道javascript对象的一切，就好了。系统对象首字母大写：Boolean、Number、String、Date、Array、Function、RegExp；其他对象首字母小写：窗口对象：window，其属性对象document、location、navigator、history、screen；

一、优雅降级优雅降级关注于在最先进/最全能的浏览器上构建网站。在被认为“老的”或能力不足的浏览器中的测试，经常要等到开发周期的最后一个环节才进行，并且通常限制在主流浏览器（如IE、Mozzila等）的前一个发布版本中。在这种模式下，老的浏览器只可能提供差强人意（poor, but passable）的体验。或许会做些小补丁来适应某个特定浏览器，但这些浏览器毕竟不是关注的焦点，除了修正重大的

说明：IE8+表示IE9、IE10......IE8: hack： http://www.css88.com/archives/1681IE9 hack：http://www.css88.com/archives/3746看了会觉得很奇怪，结合起来写成background-color:blue\9\0;  /* ie8+,注意顺序*/ 居然变成IE9 的hack

网页的缓存是由HTTP消息头中的“Cache-control”来控制的，常见的取值有private、no-cache、max-age、must-revalidate等，默认为private。其作用根据不同的重新浏览方式分为以下几种情况：（1） 打开新窗口如果指定cache-control的值为private、no-cache、must-revalidate，那么打开新窗口访问时都会重新访问

简单的说，就是HTML、CSS、JavaScript这三者分离。WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如 W3C DOM）、ECMAScript等。 we

一、浏览器内核        Rending Engine, 顾名思义，称之为渲染网页内容的，将网页的代码转换为你看得见的页面，因为是排版，所以排版，所以肯定会有排版错误等问题。为什么会有排版错误呢，一部分是由于网站本身编写不规范，另一方面是浏览器本身的不规范     现在有一些主流的排版引擎，因为这些排版引擎都有其代表的浏览器，所以常常会把排版引擎的名称和浏览器的名称混用，其实这

CSS精灵优化Retina显示屏下的网站图像转载http://www.shejidaren.com/css-sprites-optimize-retina-2x-image.htmlRetina Display的出现有好有坏吧，坏处就是我们设计师要多做一份@2x版本的图像，如果不做的话在Retina显屏下会模糊。既然要做2份了，哪么我们可以利用CSS精灵（c

一、基本概念（1） CSS pixels与device pixelsCSS pixels： 浏览器使用的抽象单位， 主要用来在网页上绘制内容。device pixels： 显示屏幕的的最小物理单位，每个dp包含自己的颜色、亮度。等值的 CSS pixels在手机屏幕上占多大的位置，这不是固定的，这取决于很多属性。经过分析和总结，我们可以得出这么一条公式： 1 CSS p

常用的HTTP-EQUIV类型有：Set-Cookie(cookie设定)说明：如果网页过期，那么存盘的cookie将被删除。用法：注意：必须使用GMT的时间格式。js相同用法：在 JS(JavaScript) 中使用 expires 时应该和 cookie 同时写入，如：document.cookie = "clr=red; expires=" + e

那哪些块元素里面不能放哪些块元素呢？我知道你有这个疑问，也知道我仅仅列一张清单你不好记住它们。我们可以先把所有的块元素再次划分成几个级别的，我们已经知道是在最外层，下一级里面只会有、、、，而我们已经知道了可视的元素只会出现在里，所以我们把划在第一个级里面，接着，把不可以自由嵌套的元素划在第三个级，其他的就归进第二个级。所谓的不可自由嵌套的元素就是里面只能放内联元素的，它们包括有：标题标记的、、、、

当我们打开一个网页时，浏览器要向网站服务器发送一个HTTP请求头，然后网站服务器根据HTTP请求头的内容生成当次请求的内容发送给浏览器。你明白HTTP请求头的具体含意吗？下面一条条的为你详细解读，先看某一次HTTP请求头的具体内容：　　Accept-Language: zh-cn,zh;q=0.5　　Accept-Charset: GB2312,utf-8;q=0.7,*;q=0.7

CSS Hack利用css不同浏览器支持情况分别书写代码来解决兼容问题。常用CSS Hack有：1、条件hack? IE ?]>HTML代码块2、属性hack .test{ color:#c30; /* For Firefox */ [;color:#ddd;]; /* For webkit(Chrome and Safari)

方法一：Javascript压缩(Js压缩)工具聚合——Javascript compressed/crunched当你提高了用户体验，做出了很绚丽的效果而欣喜的时候，是否想过优化一下JS的效率,比如微软的live，其中的js做了压缩处理。JS的速度分为两种， 下载速度和执行速度。今天就先来说说下载速度。要想js的下载速度快，就需要尽量减小js文件的大小。这里我们可以使用一个工具ESC

原文地址：http://yuxingli.blog.163.com/blog/static/19459534020111168249482/ 原文作者：进攻的号 令人惊讶的是简单的设计规则通常会被忽视，最终产生未经优化的、下载缓慢的网页。牢记以下规则，页面的加载速度将会更快。1.使用良好的结构可扩展 HTML (XHTML) 具有许多优势，但是其缺点也很明显。XHTML 可能使您的

一、概述 在设计网页时，常用的两个图像格式是GIF和JPEG/JPG。目前网页上最常见的图片格式还有PNG格式。微软IE浏览器还支持BMP图形格式， Netscape Navigator目前还不支持这种格式的图形文件。我们来看几种主要的图象格式。GIF文件特别适合于图标、线条等简单图象，这是因为GIF最多支持 256色，故不适于高度细节化的图像。JPEG则支持任意多的色彩，并且它是一种高压

一、说明DTD 是一套关于标记符的语法规则。它是XML1.0版规格得一部分,是html文件的验证机制,属于html文件组成的一部分。DTD 是一种保证html文档格式正确的有效方法，可以通过比较html文档和DTD文件来看文档是否符合规范，元素和标签使用是否正确。一个DTD文档包含：元素的定义规则，元素间关系的定义规则，元素可使用的属性，可使用的实体或符号规则。XML文件提供应用程序一个数

一般来说，Web服务器默认的只支持Post和Get这两种“只读”的请求方法。但是随着Ajax XMLHttpRequest 和 REST风格应用的深入，我们发现Http 1.1协议还支持如下请求方法（Request Method）：OPTIONSHEADDELETEPUTTRACECONNECTLOCK/UNLOCKG

html5比起html4，新增元素大概如下：多增加一些丰富的API，为缓存、异步更新、图形（游戏）提供解决方案。逐渐走向RIA应用。

一、文本1、标题：h1-----h62、段落：、、3、文本格式化：、、、、、、二、超链接三、图像、和。是一个超衔接和位置的结合体。用法： 四、表格表格描述定义表格定义表格标题。定义表格的表头。定义表格的行。

URL传送数据使用的是单字节ASCII，对于其他非标准的ASCII字符（即本身也是ASCII，比如”;“,"{"），浏览器自动采用URL编码（%ee形式），也可以手动使用js的URLEncode()URL 编码形式表示的 ASCII 字符（十六进制格式）。十六进制格式用于在浏览器和插件中显示非标准的字母和字符。因此传递特殊字符，在服务端需要解码URL。只是传递“ab

比较 GET 与 POST下面的表格比较了两种 HTTP 方法：GET 和 POST。 GETPOST后退按钮/刷新无害数据会被重新提交（浏览器应该告知用户数据会被重新提交）。书签可收藏为书签不可收藏为书签缓存能被缓存不能缓存编码类型a

区别一——传递与否HTML5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储，网站关闭就消失。之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们都会随每个对服务器的请求，附加传递到服务器，这使得加载速度很慢而且效率也不高

一、样式1、背景2、文本3、超衔接4、列表5、表格6、轮廓ie不支持二、盒模型1浏览器兼容性一旦为页面设置了恰当的 DTD，大多数浏览器都会按照上面的图示来呈现内容。然而 IE 5 和 6 的呈现却是不正确的。根据 W3C 的规范，元素内容占据的空间是由 width 属性设置的，而内容周围的 padding 和

css3比起CSS2（样式、盒模型、定位）主要是在样式方面多了几个：1、背景background-sizebackground-origin多重背景background-image:url(bg_flower.gif),url(bg_flower_2.gif);2、边框（阴影，圆角）3、文本（阴影等）4、2D/3D转换（transform属性）5、过渡（tr

大家可能注意到了，网页上有些图片的src或css背景图片的url后面跟了一大串字符，比如：data:image/png;base64,　iVBORw0KGgoAAAANSUhEUgnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/KEAUFFR0Cbng3nQPw68ArZdAlOZppPFIBhH5EAB8b+Tlt9MYQ6i1BuqFaq1CKSVcxZ2Ac