小编Bem*_*mmu的帖子
使用Chrome开发人员工具调试iframe
我想使用Chrome开发者控制台查看我的应用中的变量和DOM元素,但该应用程序存在于iframe(因为它是一个OpenSocial应用程序)中.
所以情况是:
<containing site>
<iframe id='foo' src='different domain'>
... my app ...
</iframe>
</containing site>
有没有办法iframe从开发人员控制台访问其中发生的事情？如果我尝试这样做document.getElementById("foo").something,它就不起作用,可能是因为iframe它位于不同的域中.
我无法iframe在新标签中打开内容,因为还iframe需要能够与包含的网站进行通信.
推荐指数
解决办法
查看次数
Python中两个日期之间的天数
查看两个日期之间已经过了多少天的最短途径是什么？这就是我现在正在做的事情.
math.floor((b - a).total_seconds()/float(86400))
推荐指数
解决办法
查看次数
从Javascript对象中选择随机属性
假设你有一个Javascript对象,如{'cat':'meow','dog':'woof'...}是否有一种更简洁的方法从对象中选择一个随机属性,而不是我想出的这种漫长的方式:
function pickRandomProperty(obj) {
var prop, len = 0, randomPos, pos = 0;
for (prop in obj) {
if (obj.hasOwnProperty(prop)) {
len += 1;
}
}
randomPos = Math.floor(Math.random() * len);
for (prop in obj) {
if (obj.hasOwnProperty(prop)) {
if (pos === randomPos) {
return prop;
}
pos += 1;
}
}
}
推荐指数
解决办法
查看次数
为什么宽度:100%不在div {display:table-cell}上工作？
我试图垂直和水平地居中覆盖图像幻灯片(flexslider)的一些内容.有一些类似的问题,但我找不到一个直接适用于我的具体问题的令人满意的解决方案.由于FlexSlider的限制,我不能position: absolute;在我的实现中使用img标记.
我几乎有下面的工作方法.唯一的问题是我无法inner-wrapper使用display: table-cell属性获取宽度和高度声明来处理div .
这是标准行为,还是我错过了我的代码？如果这是标准行为,那么我的问题的最佳解决方案是什么？
HTML
<ul>
<li>
<img src="#">
<div class="outer-wrapper">
<div class="inner-wrapper">
<h1>My Title</h1>
<h5>Subtitle</h5>
</div>
</div>
</li>
</ul>
CSS
html, body {
margin: 0; padding: 0;
width: 100%; height: 100%;
}
ul {
background: #CCC;
height: 100%;
width: 100%;
list-style-position: outside;
margin: 0; padding: 0;
}
li {
width: 100%;
display: table;
}
img {
width: 100%;
height: 410px;
}
.outer-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0; …推荐指数
解决办法
查看次数
纯SVG方式适合文本框
箱子大小已知.文本字符串长度未知.使文本适合框而不会破坏其纵横比.
经过一天的谷歌搜索和阅读SVG规范,我很确定没有javascript就不可能.我能得到的最接近的是使用textLength和lengthAdjust文本属性,但这只是沿一个轴拉伸文本.
<svg width="436" height="180"
style="border:solid 6px"
xmlns="http://www.w3.org/2000/svg">
<text y="50%" textLength="436" lengthAdjust="spacingAndGlyphs">UGLY TEXT</text>
</svg>
推荐指数
解决办法
查看次数
Bootstrap 3 - jumbotron背景图象作用
嗨,我正在尝试建立一个带有背景图像的jumbotron网站,这本身并不难:
HTML:
<div class="jumbotron">
...
</div>
CSS :(位于我的自定义css文件中,并在css之后加载).
.jumbotron {
margin-bottom: 0px;
background-image: url(../img/jumbotronbackground.jpg);
background-position: 0% 25%;
background-size: cover;
background-repeat: no-repeat;
color: white;
text-shadow: black 0.3em 0.3em 0.3em;
}
现在这创建了一个带有背景图像的jumbotron,但我想让它做一个我觉得难以描述的效果,但在这个网页上 可以看到:http://www.andrewmunsell.com你可以看到滚动jumbotron内容文本等比背景图像更快地向上滚动.这个效果叫什么,用bootstrap/html/css很容易实现？
我已经看过付费的HTML了,但这对我来说有点太复杂了.
谢谢,本.
编辑:我试图通过第一个答案提供的示例来获得效果,该答案位于引导层.
然而对我来说,背景图像显示出来,然后只要滚动一点点,整个图像就会消失.如果我使用safari的惯性滚动尝试滚动超出页面顶部,背景会再次向下移动到视图中,所以我认为图像是正确加载的,然后只要滚动一点点,高度就是在这样的情况下操纵图像完全移动屏幕.下面是我的HTML,(在标签放置的地方有点难看,但是Jekyll把它放在一起,包括Jumbotron标题,我正试图制作视差效果,页面内容和页面页脚.
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hybridisation Recombination and Introgression Detection and Dating</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Site for the HybRIDS R package for analysing recombination signal in DNA sequences">
<link href="/css/bootstrap.css" rel="stylesheet">
<link href="/css/bootstrap-responsive.css" rel="stylesheet">
<link …推荐指数
解决办法
查看次数
检测两个图像是否在视觉上相同
有时两个图像文件在文件级别上可能不同,但人类会认为它们在感知上是相同的.鉴于此,现在假设您有一个庞大的图像数据库,并且您希望知道人是否会认为数据库中存在某些图像X. 如果所有图像都具有感知的散列/指纹,则可以对图像X进行散列,并且查看它是否在数据库中是一件简单的事情.
我知道有关于这个问题的研究,并且存在一些算法,但是有没有任何工具,比如UNIX命令行工具或我可以用来计算这样一个哈希而不从头开始实现某些算法的库？
编辑:来自findimagedupes的相关代码,使用ImageMagick
try $image->Sample("160x160!");
try $image->Modulate(saturation=>-100);
try $image->Blur(radius=>3,sigma=>99);
try $image->Normalize();
try $image->Equalize();
try $image->Sample("16x16");
try $image->Threshold();
try $image->Set(magick=>'mono');
($blob) = $image->ImageToBlob();
编辑:警告!ImageMagick $ image对象似乎包含有关读入的图像文件的创建时间的信息.这意味着即使对于同一图像,如果在不同时间检索到,则获得的blob也会不同.要确保指纹保持不变,请使用$ image-> getImageSignature()作为最后一步.
推荐指数
解决办法
查看次数
Python列表函数参数名称
有没有办法获取一个函数需要的参数名称？
def foo(bar, buz):
pass
magical_way(foo) == ["bar", "buz"]
推荐指数
解决办法
查看次数
采用Python
我今天开始阅读关于underscore.js的文章,它是一个javascript库,它添加了一些我习惯在Python中使用的函数式编程好东西.一个非常酷的速记方法是采摘.
确实在Python中我经常需要挖掘一些特定的属性,并最终做到这一点:
users = [{
"name" : "Bemmu",
"uid" : "297200003"
},
{
"name" : "Zuck",
"uid" : "4"
}]
uids = map(lambda x:x["uid"], users)
如果下划线速记在Python中的某处,那么这是可能的:
uids = pluck(users, "uid")
添加它当然是微不足道的,但是在Python的某个地方已经存在了吗？
推荐指数
解决办法
查看次数
App Engine上的PNG文本(Python)
注意:我是从App Engine组交叉发布的,因为那里没有答案.
作为我的日本网站的一部分,我有一个功能,用户可以获得一个大的PNG用作桌面背景,用日语显示用户的名字.将我的网站托管完全切换到App Engine后,我删除了这个特殊功能,因为我找不到任何方法使用图像API将文本呈现给PNG.
换句话说,您将如何在已知尺寸的图像(例如1024x768)上输出unicode字符串,以便文本尽可能水平,并垂直居中？有没有办法做到这一点是App Engine,还是除了App Engine之外还有一些外部服务可以让我更容易,你可以推荐(除了在你自己的服务器上运行ImageMagick)？
推荐指数
解决办法
查看次数