‘WEB前端’ 分类下的所有文章
2011五月31

添加 Firebug Console API 与命令行

Console API

当打开 firebug (也包括 Chrome 等浏览器的自带调试工具),window 下面会注册一个叫做 console 的对象,它提供多种方法向控制台输出信息,供开发人员调试使用。下面是这些方法的一个简单介绍,适时地运用它们,对于提高开发效率很有帮助。

con[......]

Read more

2011五月21

常用Javascript代码

1、无提示关闭窗口
<input type=”button” onClick=”window.opener = ”;window.close();” value=”IE6最简单的无提示关闭窗口” >

2、防止被人iframe
if (top.location ![......]

Read more

2011五月21

使用javascript的onbeforeunload事件

onbeforeunload事件会在onunload事件之前触发,它在用户离开页面之前弹出一个确认框,问用户是否要真正的离开本页面。如果用 户点击了“确认”按钮,页面将会跳转或刷新。如果点击了“取消”,用户会停留在当前页面,onunload事件不会被触发。假设页面中有一个表单,用户填 写了数据但却没[......]

Read more

2010十二月20

在服务端合并和压缩JavaScript和CSS文件

Web性能优化最佳实践中最重要的一条是减少HTTP请求,它也是YSlow中比重最大的一条规则。减少HTTP请求的方案主要有合并JavaScript和CSS文件、CSS Sprites图像映射(Image Map)使用Data URI来编码图片。CSS Sprites和图像映射现在已经随处可见了,[......]

Read more

2010十一月25

延迟加载图片的 jQuery 插件:Lazy Load

网站的速度非常重要,现在有很多网站优化的工具,如 Google 的 Page Speed,Yahoo 的 YSlow,对于网页图片,Yahoo 还提供 Smush.it 这个工具对图片进行批量压缩,但是对于图片非常多的网站,载入网页还是需要比较长的时间,这个时候我们可以使用 Lazy Load 这个[......]

Read more

2010九月20

z-index在IE中的迷惑

今天在写页面的时候发现头部导航栏的下拉菜单,被下面的画中画遮挡住了,然后把导航的下拉菜单样式设置为z-index:999;但是在IE下没起什么作用,而在FF下起作用了。然后又把画中画的样式设置为z-index:-99;在IE下还是没反映。囧。。。

IE:

FF:

然后在Google里搜[......]

Read more

2010九月15

网站后台管理系统模版下载


很多开发者都在愁没有一个好的网站后台模版,本站为程序员提供一个简单而且规范的后台管理模版。
下载模版

2010九月9

告别alert——善用Firebug的日志功能

作为一个Javascript程序员,可能遇到的最头痛的问题就是程序的调 试了。一方面是因为Javascript绝大多数情况下都是作为浏览器的脚本来使用,而大多数的浏览器没有内置良好的调试功能;另外一个方面就是如今 Javascript程序越写越庞大,如果没有一个称心如意的调试工具,用ExtJS这样庞[......]

Read more

2010七月16

javascript:void(0) 真正含义

我想使用过ajax的都常见这样的代码:
<a href=”javascript:doTest2();void(0);”>here</a>
但这儿的void(0)究竟是 何含义呢?

Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值[......]

Read more

2010五月13

让IE实现CSS3中的border-radius(圆角)

今天网上看到了一个让IE实现CSS3中的border-radius(圆角):

[css]
.box-radius {
border-radius: 15px;
behavior: url(border-radius.htc);
}

[/css]

2010五月13

IE下模拟css3中的box-shadow(阴影)

在ie下模拟css3中的box-shadow(阴影)可以使用ie的Shadow(阴影)滤镜

基本语法:filter: progid:DXImageTransform.Microsoft.Shadow(color=’颜色值’, Direction=阴影角度(数值), Strength=阴影半径([......]

Read more

2010五月13

css3阴影属性box-shadow

css3阴影属性box-shadow的一些注意点:

  • box-shadow:阴影水平偏移值(可取正负值); 阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色;
  • Firefox支持Box Shadow(阴影):-moz-box-shadow:2px 2px 5px #333333;
  • web[......]
  • Read more