postcss 迭代数值插件 postcss-each

码农软件 · 软件分类 · CSS框架 · 2019-04-20 21:41:53

软件介绍

postcss-each 是一个 postcss 的插件,用来迭代数值。

迭代数值:

@each $icon in foo, bar, baz {
  .icon-$(icon) {    background: url('icons/$(icon).png');
  }
}
.icon-foo {  background: url('icons/foo.png');
}.icon-bar {  background: url('icons/bar.png');
}.icon-baz {  background: url('icons/baz.png');
}

通过索引值迭代数值:

@each $val, $i in foo, bar {
  .icon-$(val) {    background: url("$(val)_$(i).png");
  }
}
.icon-foo {  background: url("foo_0.png");
}.icon-bar {  background: url("bar_1.png");
}

迭代多重数值:

@each $animal, $color in (puma, black), (sea-slug, blue) {
  .$(animal)-icon {    background-image: url('/images/$(animal).png');    border: 2px solid $color;
  }
}
.puma-icon {  background-image: url('/images/puma.png');  border: 2px solid black;  
}.sea-slug-icon {  background-image: url('/images/sea-slug.png');  border: 2px solid blue;
}


本文地址:https://codercto.com/soft/d/4027.html

Java遗传算法编程

Java遗传算法编程

Lee Jacobson、Burak Kanber / 王海鹏 / 人民邮电出版社 / 2016-12-6 / 49元

本书简单、直接地介绍了遗传算法,并且针对所讨论的示例问题,给出了Java代码的算法实现。全书共分灾6章。第1章简单介绍了人工智能和生物进化的知识背景,这也是遗传算法的历史知识背景。第2章给出了一个基本遗传算法的实现;第4章和第5章,分别针对机器人控制器、旅行商问题、排课问题展开分析和讨论,并给出了算法实现。在这些章的末尾,还给出了一些练习供读者深入学习和实践。第6章专门讨论了各种算法的优化问题。 ......一起来看看 《Java遗传算法编程》 这本书的介绍吧!

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具