前端开发

ie6 css bug终极修复指南

对付Internet Explorer 6的最佳策略是不支持它。

呃,好吧,我感觉得到你的沮丧。你是一个Web开发人员,你准备好扯你的头发,因为你必须支持Internet Explorer 6中,但是,委婉地说,IE6不支持你。你已经花费了好几个小时在上面,但仍然做不出你想要的布局效果。我可以感同身受。我还可以帮助你。

html5 audio的使用

javascript检查对象是否存在

if语句的条件:

null undifined 0 NaN "" 将被转换为false,其它都将被转换为true

因此可以使用下面的方式判断对象是否存在

if(obj) {
  alert("存在");
} else {

alert("不存在");

}

控制webview使用html5的video播放视频不全屏(inline)的方法

webview中用html5的video方式播放视频时,在ipad上是默认原来大小的,而在iphone上是默认全屏播放的。
论坛中搜索,都没给出答案,google-》stackoverflow,找到最终解决方法:
HTML里video必须加上webkit-playsinline属性

css绝对或固定定位时,相同的class重叠怎么办?

在drupal中使用devel模块显示页面执行时间,我习惯将统计结果所在div.dev-query改为透明fixed层显示。

.dev-query {
	position:fixed;
	bottom:2em;
	right:0;
	background:rgba(255,255,255,0.8) !important;
	z-index:1;
}

末尾补充省略号的不换行列表css样式

.sidebar .block .content li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    word-break: keep-all;
}

setInterval()、setTimeout()的区别与停止

区别:setTimeout(表达式,延时时间);//只执行一次,无周期setInterval(表达式,交互时间);//周期='交互时间'停止:主要是利用window.clearInterval(intervalID);window.clearTimeout(timeoutID);<SCRIPT>    var   intervalID=0;    function   f_start(){    intervalID=window.setInterval("f_add()",500);    }    function   f_add(){    }    function   f_stop(){    window.clearInterval(interv

JQuery的扩展方法

今天制作一个模板要用到CrossSlide(一个漂亮的JQuery SlideShow),运行时提示:isEmptyObject出错。检查后发现isEmptyObject是jquery 1.4版本才带的函数,而Drupal不支持1.4,怎么办?只好对现有的jquery进行扩展,方法是在自己的js文件里加入:

jQuery.extend({

 isEmptyObject:function(obj) {
   for (var name in obj) {
     return false;
   }
   return true;
 }

});

人人都能做的性能优化 web前端优化

Web优化已经越趋成熟,不再那么扑朔迷离。在这里,我们跟据一些优化实践准则应用于perfgeeks,并进行了记录。Pefgeeks的系统软环境是CentOS5.3 + Apache2.2.3 + Wordpress2.9。优化的工作方式,一般都是:快照 + 分析 + 变更 + 快照。让我们开始吧…

jQuery的一些技巧

网络上看到的,对学习jquer有帮助,转载到这里。

1、关于页面元素的引用
通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。

2、jQuery对象与dom对象的转换
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。