小编Iva*_*van的帖子

Cloudformation KeyValuePair列表作为参数

在创建ECS基础架构时,我们使用CloudFormation 描述我们的任务定义.我们希望能够将环境变量作为参数动态传递给模板.根据文档,Environment具有KeyValuePair类型,但CloudFormation参数不具有此类型.我们无法将环境变量硬编码到模板中,因为此模板用作嵌套堆栈,因此环境变量将在其中动态传递.

到目前为止,我看到的唯一可能的方法是将所有参数作为CommaDelimitedList传递,然后使用CloudFormation函数以某种方式解析和映射它.我可以Fn ::拆分键和值中的每个实体,但是如何在CloudFormation中动态构建KeyValuePair数组?

或者也许有一种更简单的方法,我错过了一些东西?提前感谢任何想法.

amazon-web-services amazon-ecs aws-cloudformation

7
推荐指数
1
解决办法
2280
查看次数

为什么阻塞事件循环不会阻塞css动画?

我不知道网页渲染生命周期 - 所以在下面的例子中我有两颗心 - 一颗由 js 动画,另一颗由 CSS 动画。当我用alert消息阻止事件循环时,CSS 心脏保持动画状态。

let scale = true;
setInterval(() => {
  $('.animate-js').css('transform', `scale(${scale ? 1.4 : 1})`);
  scale = !scale;
}, 1000)
Run Code Online (Sandbox Code Playgroud)
body {
  text-align: center;
}

.heart {
  white-space: nowrap;
  display: inline-block;
  font-size: 150px;
  color: #e00;
  transform-origin: center;
}

.animate-css {
  animation: beat 2s steps(2, end) infinite;
}


/* Heart beat animation */

@keyframes beat {
  to {
    transform: scale(1.4);
  }
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="heart">I
  <div class="animate-css heart">&#x2665;</div> CSS</div>
<div …
Run Code Online (Sandbox Code Playgroud)

javascript css browser

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