小编Sim*_*mon的帖子

强制浏览器在更改CSS时触发重排

我正在构建基于CSS3过渡的非jQuery响应式图像滑块.

结构很简单:视口和内部相对定位的UL,左浮动LI.

在这种情况下我遇到了一个问题:

  1. 用户点击"上一步"箭头.
  2. JS在当前显示的LI节点之前附加适当的LI.
  3. 目前,UL已设置CSS转换none 0s linear以防止动画更改.在这一刻,我通过滑块宽度减去UL CSS左值(比方说:从0px到-1200px),使视图与原来相同.
  4. 现在我正在将UL的过渡属性更改为all 0.2s ease-out.
  5. 现在我正在改变UL的左侧属性以触发CSS3动画.(比方说:从-1200px到0px).

问题是什么?浏览器简化了更改,不会制作任何动画.

斯托扬斯特凡在他的博客中写了一篇关于回流的问题在这里,但在这种情况下,试图迫使元件上的回流不起作用.

这是一段代码(为了简化,我跳过了浏览器前缀):

ul.style.transition = 'none 0s linear 0s'; ul.style.left = '-600px'; ul.style.transition = 'all 0.2s ease-out'; ul.style.left = '0px';

这里有一个小问题,看看行动中的问题:http://jsfiddle.net/9WX5b/1/

html javascript css reflow css3

25
推荐指数
2
解决办法
2万
查看次数

如何从 OpenAPI 3.0 规范生成 XSD 文件?

我使用 OpenAPI 3.0 和额外的 xml 元数据创建 XML API 规范,如Swagger 文档中所述。在开发阶段,我想根据 OpenAPI 3.0 规范自动测试端点的 XML 响应。

根据 OpenAPI 3.0 架构验证端点的 XML 响应的最佳方法是什么?通过验证,我的意思是:

  • 验证每个 XML 标签或标签的属性是否符合规范,
  • 规格要求的所有元素都存在,
  • 根据响应内容架构中声明的类型成功验证数据。

我想这样的测试可以通过以下步骤完成:

  1. 在项目构建期间,如果该路径已指定application/xml内容类型并且定义了响应架构,则从架构定义为 OpenAPI 规范中的每个路径生成 XSD 文件。

  2. 在测试中,获取特定端点的响应并根据 XSD 文件对其进行验证。

不幸的是,目前似乎没有可以从 OpenAPI 规范生成 XSD 以创建上述管道的工具。

你怎么能实现这个目标?是否可以结合使用 OpenAPI/Swagger 工具?是否有其他可靠的方法来验证 XML 响应而无需手动创建 XSD?

问题不是特定于编程语言的。

xml xsd xsd-validation swagger openapi-generator

6
推荐指数
0
解决办法
2338
查看次数

标签 统计

css ×1

css3 ×1

html ×1

javascript ×1

openapi-generator ×1

reflow ×1

swagger ×1

xml ×1

xsd ×1

xsd-validation ×1