小编VKe*_*Ken的帖子

Amazon S3 CORS(跨源资源共享)和Firefox跨域字体加载

Firefox没有加载来自不同来源的字体,而不是当前的网页,这是一个长期存在的问题.通常,在CDN上提供字体时会出现问题.

在其他问题中提出了各种解决方案:

CSS @ font-face不支持Firefox,但使用Chrome和IE浏览器

随着Amazon S3 CORS的推出,是否有使用CORS解决Firefox中字体加载问题的解决方案?

编辑:很高兴看到S3 CORS配置的示例.

edit2:我找到了一个有效的解决方案而没有真正了解它的作用.如果有人能够提供有关配置和亚马逊对配置的解释所发生的背景魔法的更详细的解释,将非常感谢,就像nzifnab为它提供赏金一样.

css firefox amazon-s3 font-face cors

128
推荐指数
7
解决办法
8万
查看次数

如何从iframe中使用javascript获取iframe的高度?那些包含多个iframe的网页呢?

有没有办法通过从iframe内部执行脚本来检测iframe的高度和宽度?我需要根据iframe的不同高度/宽度动态定位iframe中的一些元素.

如果同一页面中有多个iframe会有什么区别吗?即每个iframe想要找到自己的尺寸.

Javascript或jquery解决方案受到欢迎.

谢谢!

<iframe src='http://example.com' width='640' height='480' scrolling='no' frameborder='0' longdesc='http://example.com'></iframe>
Run Code Online (Sandbox Code Playgroud)

iframe必须嵌入到其他网站上,正如下面的答案之一所述,我遇到了权限问题.

html javascript iframe jquery dom

16
推荐指数
3
解决办法
7万
查看次数

如何获得最大文档滚动值

我正在制作一些插件,我需要获得scrollTop文档的最大价值.最大值scrollTop2001,但$(document).height()返回2668$('body')[0].scrollHeight给我undefined.

如何2001通过javascript/jquery?!

javascript jquery scrolltop

15
推荐指数
1
解决办法
4万
查看次数

从HTTP-Request标头获取授权

我已经在SO中搜索了一些关于此的线程,但是只能找到一些解释了这个头的内容或者如何在c#中获取授权头但是我不想从服务器端但是从客户端读取它.

有没有办法从浏览器获取Base64编码标题"授权"?我想实现一个您可以登录的工具,如果您点击一个特定按钮,您的用户名将被保存.

我的问题是浏览器自动执行授权,使用jQuery和JavaScript方法,您只能设置请求标头并获取响应标头.我找不到获取请求标头的方法.

gethttp可以获得一些头文件,但不能获得授权头.我的猜测是这个标题是隐藏的.

我正在通过SVN登录,浏览器会在您进入网站时进行授权.

只有用户名就足够了.我正在寻找用户无需输入用户名的解决方案.

html javascript jquery httprequest

13
推荐指数
1
解决办法
1万
查看次数

在文本输入字段中使用click-drag-select的问题还会滚动父元素,webkit错误或功能?

自去年以来,我一直在使用webkit浏览器进行一种奇怪的行为,这让我感到疯狂.

我已尝试对此进行搜索,但我似乎无法点击与此问题相关的关键字.

我有一个html结构如下:

<div style="border: 1px solid #000; width:200px;height:200px; overflow:hidden;position:relative">
    <div style="width:200px;position:absolute">
        <p>long line</p>
        <p><input type="text" value=""/></p>
        <p>long line</p>
    </div>
</div>?
Run Code Online (Sandbox Code Playgroud)

您可以访问jdfiddle链接中的实例: jsfiddle

对我来说,使用Chrome(18),当单击并拖动 - 从输入框中选择文本输入字段中的文本时,您可以"滚动"父元素,尽管CSS溢出设置为隐藏.

您可以通过单击选择 - 向右,向上,向下,向左拖动来从小提琴中尝试.令人惊奇.

更复杂的html结构会产生更多混乱的滚动行为.事实上,我几乎可以做一个幻灯片放映动画,其中元素滑动并按顺序滑出,只需拖动选择即可.

幸运的是,在firefox中没有遇到这种行为.

有没有人经历过这种行为?这应该是webkit的一个功能吗?有谁知道如何禁用这种"滚动"行为?

谢谢!

编辑:感谢@PhilipK,他找到了一个相关帖子,下面回答了javascript解决方案.由于我的网页上有大量的javascript,我想知道是否有任何可能的CSS解决方案.

edit2:感谢@tiffon,他找到了另一个javascript解决方案.他的解决方案可以在CSS中实现(但是鼠标事件有一些限制,因此CSS解决方案有点不完整).

html css webkit google-chrome user-experience

11
推荐指数
2
解决办法
7653
查看次数

如何将块中的字节传输到客户端?

SignalR 当我从客户端通过服务器向客户端(或客户端到服务器;或服务器到客户端)传输大块字节时丢失许多消息.

我将文件读入流中并通过集线器或持久连接发送到其他客户端.这种运行速度非常快,但总会丢失或丢失消息.

如何在不丢失消息的情况下从客户端向客户端传输大文件(无论是否为块)?

byte messages transfer signalr

6
推荐指数
2
解决办法
5394
查看次数

如何在QUnit中进行真正的原子测试?

说我有两个类叫做BookLibrary如下:

var Book = function(title, author)
{
   this.title = title;
   this.author = author;
};
Run Code Online (Sandbox Code Playgroud)

var Library = function()
{
   var dbName = 'test';

   this.getLibrary = function() {
      return JSON.parse(window.localStorage.getItem(dbName));
   };

   this.save = function(library) {
      window.localStorage.setItem(dbName, JSON.stringify(library));
   };
}

Library.prototype.addBook = function(book) {
   var library = this.getLibrary();
   library.push(book);

   this.save(library);

   return library;
};

Library.prototype.removeBook = function(book) {
   var library = this.getLibrary();

   // Find and delete the right book

   this.save(library);

   return library;
};
Run Code Online (Sandbox Code Playgroud)

我的问题是:如何Library使用QUnit对类进行单元测试以进行真正的原子和独立测试?

我写了这个测试功能,但它并没有让我满意.它似乎不是非常原子和独立的,因为它混合了我认为应该独立测试的几个函数.我想知道是否有更好的方法,或者我已经测试好了.

test("test", …
Run Code Online (Sandbox Code Playgroud)

javascript unit-testing qunit

5
推荐指数
1
解决办法
332
查看次数

在拉斐尔设置Raphael的套装为Raphael javascript库设置

我一直试图在集合内嵌套,但无济于事.

这个概念来自photoshop,您可以在其中将元素分组到文件夹/集合中,并将它们嵌套到另一个文件夹/集合中.

我正在尝试将两个或多个集合轻松地组合成一个,因此我不必手动将所有内容分开以再次集成代码.

此步骤是为集合行为控制集合让路,例如鼠标悬停,点击,翻译和转换.

有没有人经历过这个,并找到了解决这个问题的解决方法吗?任何帮助解决这个问题的人都表示赞赏.

详细说明,这是我正在尝试做的一些人为的示例代码:

var r = Raphael("holder");
r.height = 400
r.width = 300

var buttons = r.set();
var target_objects = r.set();

buttons.push(
    r.rect(0,0,r.width/10,r.height/10).attr({fill:"#000"})
);

target_objects.push(
    r.rect(50,50,r.width/5,r.height/5).attr({fill:"#0F0"})
);

var super_set = r.set();

# Trying to combine sets. Note: this of course doesn't work
super_set.push(buttons,target_objects);

super_set.mouseover(function(){
    alert();
});
Run Code Online (Sandbox Code Playgroud)

javascript svg raphael

4
推荐指数
1
解决办法
5094
查看次数

如何正确应用 django/jinja2 模板过滤器“转义”和“换行符”?

我目前正在尝试使用 django 模板过滤器来转义变量,如下所示。我使用 jinja2 模板引擎而不是 django 的主要模板引擎

{{ my_variable|escape|linebreaks }}
Run Code Online (Sandbox Code Playgroud)

带有换行符的字符串的输出如下:

Lorem ipsum <br /> dolor sit amet <br />rg srg
gs rgsr rsg serg<br />r srg
Run Code Online (Sandbox Code Playgroud)

理想情况下

<br />
Run Code Online (Sandbox Code Playgroud)

不应该被转义,因为它是由“换行符”过滤器添加的。没有带有原始字符串的 html 标签。

我试过了:

{{ my_variable|linebreaks|escape }}
Run Code Online (Sandbox Code Playgroud)

但是,事实证明更糟:

<p>Lorem ipsum <br /> dolor sit amet <br />rg srg</p>
<p>gs rgsr rsg serg<br />r srg</p>
Run Code Online (Sandbox Code Playgroud)

有谁知道我在应用模板过滤器时是否做错了什么,和/或能够指出我正确的方向?

谢谢。

html python django django-templates jinja2

4
推荐指数
1
解决办法
4756
查看次数

JavaScript - 如何在不更换的情况下随机抽样项目?

JavaScript的

我试过寻找这样的东西,但我找不到它.

这是一个简单的想法:

一个.取0到10之间的随机数.

湾 假设滚动的随机数是3.

C.然后,保存号码(3).

d.现在,在0到10之间再次取一个随机数,但它不能是3,因为它已经出现了.

javascript random probability random-sample

4
推荐指数
1
解决办法
4990
查看次数