小编Isa*_*bow的帖子

我一直在开发一个使用Google Fonts API的网站.它很棒,据说已经在IE中测试过,但是在IE 8中进行测试时,字体根本就没有被设计样式.

我按照Google的指示包含了字体,因此:

<link href="http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light"  
 rel="stylesheet" type="text/css" />

并在CSS中将其名称添加到字体系列的前面:

body {
font-family: "Josefin Sans Std Light", "Times New Roman", Times, serif;
font-size: 16px;
overflow-y: scroll;
overflow-x: hidden;
color: #05121F;
}

Run Code Online (Sandbox Code Playgroud)

就像Chrome,Firefox,Safari中的魅力一样.IE 8中没有骰子.任何人都知道为什么？

我想在我的常规编码习惯中加入任何速记技术,并且当我在压缩代码中看到它们时也能够阅读它们.

有人知道概述技术的参考页面或文档吗？

编辑:我之前提到过minifiers,现在我很清楚,缩小和高效的JS输入技术是两个几乎完全不同的概念.

现在,我通常调用一个函数(不需要参数),()如下所示:

myFunction(); //there's empty parens

除了jQuery调用,我可以逃脱:

$('#foo').bind('click', myFunction); //no parens

精细.但最近我看到这个评论这里的SO:

"考虑使用setTimeout(monitor, 100);而不是setTimeout('monitor()', 100);.Eval是邪恶的:)"

哎呀!我们真的eval()在这里做一个字符串吗？我想我并不真正理解"调用"函数的意义和含义.有关调用和引用函数的真正规则是什么？

是这条线

$(this).attr("id").replace("_button","");

相当于这一个？

this.attr("id").replace("_button","");

我继续阅读的关于优雅降级的很多内容适用于不使用JavaScript的浏览器.但是我自己的经验表明,如果没有JS和CSS支持,期望在互联网上获得正常体验已不再合理.如今,致力于降解的能量是多少？

我正在使用jQuery的.css()方法来设置a的背景图像div.因此,处于最终状态的HTML是:

<div id="front-page-bg" style="background-image: url(http://peterfcarlson.com/wp-content/uploads/2011/09/ert-011.jpg); display: block; "></div>

它工作正常,但是,我在Chrome中收到错误/警告,其中background-image属性被击中,好像它因输入错误而被忽略,即使它显然被应用了.为什么会这样？这是Chrome的问题,还是我的问题？

我已经在FF和IE中测试了这个页面,它似乎也没有任何错误或类似的警告.关于为什么会发生这种情况的想法,也许更重要的是,我应该忽略它,因为该页面似乎正在发挥作用？

我一直在使用哈希在页面之间传递数据(比如设置scrollTop()等),并且还使用hashChange事件来触发给定页面上的更改.

但是,哈希具有我不一定感兴趣的默认行为,例如使页面跳转到给定(有时无关紧要)的位置.

我觉得获取/设置查询字符串会更合乎逻辑,但是:

1. 是吗？

2. 设置查询字符串时是否有可以监听的事件？

3. 我应该知道与查询字符串相关的行为吗？

我尝试将序列化类添加到每个对象中,如下所示:

jQuery('#preload img').each(function(){
    jQuery('#thumbs').append('<img class="index' + index + '" src="' + source + '" />');
    index = ++index;
    });

Run Code Online (Sandbox Code Playgroud)

它奏效了.结果是一组图像,每个图像都有一个类image1,image2等等.这正是我想要的.但这实际上是循环一组对象的可靠方法吗？或者,如果此匿名函数执行时间较长,该函数可能会在index递增之前在下一个对象上启动吗？

谁知道实际发生了什么？

如果我有十几个CSS选择器,并希望:hover为所有这些选择器分配属性,我习惯这样做:

selector, selector2, someOtherSelector, someSelector div {
    //some properties
}
selector:hover, selector2:hover, someOtherSelector:hover, someSelector div:hover {
    //some properties
}

打字:hover四次似乎是多余的.有没有办法将选择器分组

(selector, selector2, someOtherSelector, someSelector div):hover {
     //some properties
}

代替？

由于gzip在服务器端需要时间打包,而且在客户端需要更多时间解压缩,因此文件需要多大才能从中获益？

有没有真正的数字证明了gzip在常见下载速度下的功效？