小编o.v*_*.v.的帖子
文档<head>中的多个条件语句
我有一个脚本我想在每个浏览器中运行,除了9以下的IE版本,显然,这个条件语句适用于IE:
<!--[if gt IE 8]>
JavaScript stuff here
<![endif]-->
但是,除了IE9之外,该代码不会在任何其他浏览器中执行.
有没有办法一起使用多个条件语句,例如
<!--[if gt IE 8 OR !IE]>
JavaScript stuff here
<![endif]-->
推荐指数
解决办法
查看次数
如何使用HTML5验证日期范围？
或者,是否可以使用html5验证另一个字段的值？
一个常见的例子是选择日期范围,其中"from"日期应小于或等于"to"日期.以下将描述值之间的期望关系,如果只有您可以在语法中使用元素引用:
<input type="date" name="from" max="to"> //todo: populate with ~to.value
<input type="date" name="to" min="from"> //todo: populate with ~from.value
推荐指数
解决办法
查看次数
与Internet Explorer的Fancybox Iframe错误
我收到了Internet Explorer的错误.iframe的大小不正确,它显示在页面的左上角而不是中心.
在Firefox和Chrome中,一切都运行良好.
尝试了很多东西,但我找不到解决方案:(
请帮我.
您可以在此处查看IE8中的错误:http: //www.ni-dieu-ni-maitre.com/v2/index_v2.php 点击左上角标有"iframe"的链接
这是一个截图:
这是我的代码:
<head>
<script type=\"text/javascript\" src=\"http://www.$domain/scripts/jquery-1.8.2.min.js\"></script>
<script type=\"text/javascript\" src=\"http://www.$domain/scripts/jquery.fancybox.js?v=2.1.1\"></script>
<link rel=\"stylesheet\" type=\"text/css\" href=\"http://www.$domain/scripts/jquery.fancybox.css?v=2.1.1\" media=\"screen\" />
<script type=\"text/javascript\">
$(document).ready(function() {
$('.fancybox').fancybox();
$('.fancybox').click(function() {
$.fancybox.open({
href : 'iframe.html',
type : 'iframe',
padding : 5,
autoScale : false
});
});
$(\".contactbox\").fancybox({
openEffect : 'elastic',
openSpeed : 150,
closeEffect : 'elastic',
closeSpeed : 150,
closeClick : true,
'overlayShow' : false,
href : 'contact.php',
type : 'iframe',
padding : 5,
autoScale : true,
scrolling : …推荐指数
解决办法
查看次数
在测试失败之前允许多个断言错误
是否有一种传统的方法可以assert在测试失败之前尝试始终对一组 s 进行评估？
假设我的测试评估页面上某些名称的存在：
var pageContent = 'dummy page content';
//.include(haystack, needle, [message])
//Asserts that haystack includes needle.
assert.include(pageContent, 'Alice');
assert.include(pageContent, 'Bob');
assert.include(pageContent, 'John');
现在，如果 Alice 丢失，测试将因一个错误而失败：
>AssertionError: expected 'dummy page content' to contain 'Alice'
然而，我希望得到通知，所有三个名字都丢失了，因为在这种情况下，一个条件失败并不妨碍评估其他条件。
我不是编写一个包装器方法来聚合这些检查的可能输出并抛出一个错误，而是希望有第三方库“专门从事”这类事情，或者可能是我忽略的内置功能。
推荐指数
解决办法
查看次数
兑现承诺时将其转换为值数组
我需要一个函数，该函数将返回promise的解析值。优雅地失败绝对是一个加分项，但这是假定的先决条件，即在调用该函数时，可以解决承诺。
虽然我正在使用webdriver.js promise实现，该实现允许类似于以下的队列操作，但我不想在队列/链等的语义上迷失方向。仅出于这个原因，下面是一些伪代码来介绍我正在努力实现：
var inputs = [...], outputs;
outputs = inputs.map(function(input){
//queue some async tasks to be performed with input
queue.enqueue(...);
//I can't return the *output* value here yet, naturally, so instead
return promise;
});
//now I'll add another task to the same queue
//this means that by the time this task is run
//the async tasks above would have been executed
//and the promises would be "resolvable"... right?
queue.enqueue(function(){
console.log(outputs); //>an array of promises
console.log(doSomeMagic(outputs)); …推荐指数
解决办法
查看次数
将媒体查询与合格选择器结合的语法
在我们当前的设计中，表单元素在移动设备上的样式不同：
@media screen and (max-width: 759px) {
form label {
display: block;
float: none;
}
/*There's more...*/
}
鉴于屏幕空间有限，我们基本上强制采用垂直表单布局（此经典 uxmatters 链接中的#3-4 ）。
因为某些表单标签必须非常冗长出于合理的原因，我们现在希望将这种样式应用于某些桌面表单，即媒体查询范围之外。但是，这是无效的 SASS 语法：
@media screen and (max-width: 759px), .vertical-form {
/*...*/
}
如何在规则集媒体查询中的输出应用，并以.vertical-form form label（或理想，form.vertical-form label）元素？
推荐指数
解决办法
查看次数
编译和维护特定于ie的样式表
在单独的CSS文件中维护IE解决方法的常见做法是什么？我正在谈论通过其他方式解决的更深层次的问题(例如包括替代图像URL以及base64编码的嵌入式资源; boxsizing.htc解决方法等).注意:我在考虑dataURI vs时保守香草精灵,所以只有少数几个
有时我不得不求助于类似的代码
.some-class-lets-say-datepicker {
background-image: url(data:image/png;base64,/*encoded image*/);
*background-image: url(../gfx/lets-say-datepicker-icon.png);
}
编码图像字符串平均为100~300个字符.鉴于上面的代码,这会导致一些冗余和流量 - 兼容浏览器下载冗余和URL,并且IE7下载base64字符串在单独的图像请求之上.我发现这个开销对两者来说都是微不足道的(毕竟,IE7用户有更大的问题需要担心:)
同时以下(？)会更清洁:
<!--[if !IE]> -->
<link href="main.css" rel="stylesheet" />
<!-- <![endif]-->
<!--[if lt IE 8]>
<link href="main_ie.css" rel="stylesheet"/>
<![endif]-->
但是单独的维护似乎并不吸引人.关闭样式表提供条件,是否有类似的SASS/LESS或者你推荐的完全不同的方法？
推荐指数
解决办法
查看次数
源地图安全性
在逐步使用缩小的库代码时,源映射非常有用.使用源映射的.js文件的前几行默认情况下看起来像这样:
/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
//@ sourceMappingURL=jquery.min.map
*/
如果您没有jquery.min.map在同一目录中,支持源映射的浏览器将产生冗余的http请求,从而导致404错误(听起来很熟悉,有人喜欢？).
我注意到sourceMappingURL可能指向另一个域; 我不是在提倡这种做法,但它似乎不受CORS的影响:
/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
//@ sourceMappingURL=//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.map
*/
映射的未经授权的来源是否安全？即如果在上面的示例中,映射的服务器被泄露并且恶意代码被添加到源中,是否会/将被执行？如果您正在调试代码并单步调试代码呢？我找不到任何能够解决这个问题的实现细节.
推荐指数
解决办法
查看次数