摘要: Firebug控制台详解作者:阮一峰控制台(Console)是Firebug的第一个面板,也是最重要的面板,主要作用是显示网页加载过程中产生各类信息。一、显示信息的命令Firebug内置一个console对象,提供5种方法,用来显示信息。最简单的方法是console.log(),可以用来取代alert()或document.write()。比如,在网页脚本中使用console.log("Hello World"),加载时控制台就会自动显示如下内容。另外,根据信息的不同性质,console对象还有4种显示信息的方法,分别是一般信息console.info()、除错信息cons 阅读全文
posted @ 2012-02-20 13:46 FaceSun 阅读(181) 评论(0) 推荐(0) 编辑
摘要: 一个网站的加载速度是用户体验是否良好的最直观因素,所以通过合理的方法对网页的加载速度进行优化是十分必要的,下图是Yahoo!的YSlow所指出的23个因素。1、减少HTTP请求次数一个页面的加载从开始到结束,其实大部分时间都消耗在下载页面元素(诸如HTML、CSS、Javascript、Flash、图片等)上。据统计,HTTP请求在无缓存情况下占去了40%到60%的响应时间,而每增加一个元素,网页的平均载入时间就会增加40ms(宽带)或250ms(窄带)。减少HTTP请求次数的方法大致有以下3种:a. 避免不必要的HTTP请求:例如用CSS代替圆角图片。b. 合并CSS、Javascript、 阅读全文
posted @ 2012-02-20 10:52 FaceSun 阅读(2085) 评论(0) 推荐(1) 编辑
摘要: 在CSS中,让元素隐藏(指屏幕范围内肉眼不可见)的方法很多,有的占据空间,有的不占据空间;有的可以响应点击,有的不能响应点击。{ display: none; /* 不占据空间,无法点击 */ }{ visibility: hidden; /* 占据空间,无法点击 */ }{ position: absolute; top: -999em; /* 不占据空间,无法点击 */ }{ position: relative; top: -999em; /* 占据空间,无法点击 */ }{ position: absolute; visibility: hidden; /* 不占据空间,无法点击 */ 阅读全文
posted @ 2012-02-20 09:52 FaceSun 阅读(739) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><title>Jquery 效果 </title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name=&q 阅读全文
posted @ 2012-02-20 09:28 FaceSun 阅读(706) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
posted @ 2012-02-20 09:11 FaceSun 阅读(797) 评论(0) 推荐(0) 编辑