前端开发
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({
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定义的方法。