我是ansible(和docker)的新手.我想在任何临时/生产服务器上使用之前测试我的ansible playbook.
由于我无法访问空的远程服务器,我认为最简单的测试方法是使用Docker容器,然后以Docker容器作为主机运行我的playbook.
我有一个基本的DockerFile,可以创建一个标准的ubuntu容器.我如何配置ansible主机以便在docker容器上运行它?此外,我怀疑我需要"运行"docker容器以允许ansible连接到它.
我在网站上使用Polymer(版本0.5,可能在某些时候升级到1.0).很明显,许多旧版浏览器与Polyfill不兼容.
有没有办法测试polyfill在特定浏览器中是否成功?因此,在完成polyfill之后,是否有一些函数,对象,变量或任何我可以检查以查看polyfill是否有效的东西?
我希望能够检测到故障,然后重定向到带有"请升级"消息的页面.
对我来说唯一的选择是在我的后端实现某种浏览器检测中间件,由于各种内部原因,我宁愿在此时避免这种中间件(并且因为它意味着特定的白名单/黑名单列表的浏览器,这将成为繁琐快速).
Thx提前.
在调整窗口大小时,浮动div将按预期换行到下一行.但我真的希望这个布局更改动画.
编辑:顺便说一句,找到一个不依赖于JQuery的解决方案会很高兴.如果需要,我不介意写自己的js.理想情况下,一旦我看到它工作,我想将它实现为AngularJS指令,因此我不想要jQuery依赖.
这是我的代码的缩短版本:http://jsfiddle.net/cDS7Q/3/
HTML
<div id="content">
<div> </div>
<div> </div>
<div> </div>
<div> </div>
<div> </div>
</div>
Run Code Online (Sandbox Code Playgroud)
这是我的CSS
body {background-color: #333;}
#content div {
position: relative;
float: left;
background-color: #eee;
margin-left: 10px;
margin-bottom: 10px;
width: 100px;
height: 100px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
#content {
margin-top: 50px;
padding-top: $gutter;
padding-bottom: 50px;
overflow: hidden;
width: 100%;
}
Run Code Online (Sandbox Code Playgroud)
我试图实现的效果是这个网站的类似:http://saffron-consultants.com/journal/
调整窗口大小以查看块在其新位置中的动画效果.
Docker有一个奇怪的问题。
这是有问题的Dockerfile。
FROM python:2.7
RUN apt-get update && apt-get install -y \
build-essential \
python-lxml \
python-dev \
python-pip \
python-cffi \
libcairo2 \
libpango1.0-0 \
libpangocairo-1.0.0 \
libxml2-dev \
libxslt1-dev \
zlib1g-dev \
libpq-dev \
libjpeg-dev \
libgdk-pixbuf2.0-0 \
libffi-dev \
mysql-client \
shared-mime-info
# ... further docker file rules, which doesn't get run cause apt-get fails
Run Code Online (Sandbox Code Playgroud)
我遇到的问题是,在我的开发机器上,此Dockerfile构建得非常好,但是在我们的活动服务器上,它突然出现了故障(过去工作过)E: Package 'mysql-client' has no installation candidate。
我认为Docker的要点是,所有内容都使用相同的映像运行,并且您不应遇到此类问题。
为什么会这样,我该怎么做才能从这里修复它,以使其在开发人员和现场都能正常运行?
我注意到,使用聚合物自定义样式时,级联并不总是正确的。从外观上看,这可能是将级联应用于自定义元素的方式中的一个错误,但是我只是想确认我没有做任何愚蠢的事情。
考虑以下自定义元素的作用域样式:
#price ::content .price span {
display: block;
padding: 4px;
border-top: 1px solid var(--color-gray1);
}
#price ::content .price span:first-child { border-top: none; }
Run Code Online (Sandbox Code Playgroud)
...但是一旦渲染,:first-child将被第一个定义覆盖,如下图所示。确保border: none正确应用my的唯一方法是使用!important,而我不希望这样做。

我应该注意,我已经在许多其他地方看到了这种行为,并选择仅用!important作快速解决方案,但这开始变得笨拙。
只需在此处添加渲染元素的图像即可显示“不正确”的顶部边框。
