小编And*_*dre的帖子

如何使用Docker测试Ansible playbook

我是ansible(和docker)的新手.我想在任何临时/生产服务器上使用之前测试我的ansible playbook.

由于我无法访问空的远程服务器,我认为最简单的测试方法是使用Docker容器,然后以Docker容器作为主机运行我的playbook.

我有一个基本的DockerFile,可以创建一个标准的ubuntu容器.我如何配置ansible主机以便在docker容器上运行它?此外,我怀疑我需要"运行"docker容器以允许ansible连接到它.

ansible docker

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

检测聚合物的浏览器支持

我在网站上使用Polymer(版本0.5,可能在某些时候升级到1.0).很明显,许多旧版浏览器与Polyfill不兼容.

有没有办法测试polyfill在特定浏览器中是否成功?因此,在完成polyfill之后,是否有一些函数,对象,变量或任何我可以检查以查看polyfill是否有效的东西?

我希望能够检测到故障,然后重定向到带有"请升级"消息的页面.

对我来说唯一的选择是在我的后端实现某种浏览器检测中间件,由于各种内部原因,我宁愿在此时避免这种中间件(并且因为它意味着特定的白名单/黑名单列表的浏览器,这将成为繁琐快速).

Thx提前.

cross-browser polymer

9
推荐指数
1
解决办法
1795
查看次数

CSS3浮动div的Animate布局更改

在调整窗口大小时,浮动div将按预期换行到下一行.但我真的希望这个布局更改动画.

编辑:顺便说一句,找到一个不依赖于JQuery的解决方案会很高兴.如果需要,我不介意写自己的js.理想情况下,一旦我看到它工作,我想将它实现为AngularJS指令,因此我不想要jQuery依赖.

这是我的代码的缩短版本:http://jsfiddle.net/cDS7Q/3/

HTML

<div id="content">

    <div>&nbsp;</div>
    <div>&nbsp;</div>
    <div>&nbsp;</div>
    <div>&nbsp;</div>
    <div>&nbsp;</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/

调整窗口大小以查看块在其新位置中的动画效果.

css3 css-transitions responsive-design angularjs

6
推荐指数
1
解决办法
5368
查看次数

Docker镜像无法在Live上构建,但可以在Dev上正常运行

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的要点是,所有内容都使用相同的映像运行,并且您不应遇到此类问题。

为什么会这样,我该怎么做才能从这里修复它,以使其在开发人员和现场都能正常运行?

mysql docker dockerfile

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

聚合物定制样式有时会变得不正确

我注意到,使用聚合物自定义样式时,级联并不总是正确的。从外观上看,这可能是将级联应用于自定义元素的方式中的一个错误,但是我只是想确认我没有做任何愚蠢的事情。

考虑以下自定义元素的作用域样式:

    #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作快速解决方案,但这开始变得笨拙。

只需在此处添加渲染元素的图像即可显示“不正确”的顶部边框。

在此处输入图片说明

css polymer custom-element

2
推荐指数
1
解决办法
150
查看次数