小编Tim*_*tis的帖子

如何在纯 CSS 中实现 Flexbox 的空间对齐

如何使 div 的间距相等,不仅在彼此之间均匀分布,而且在容器的两侧也均匀分布。

我想在纯/常规CSS中重新创建flexbox的“合理”+“空间周围”和“环绕”功能。

如下所示(使用手柄缩小):

.flex-container {
  display: flex;
  justify-content: space-around;
  background-color: DodgerBlue;
  flex-wrap: wrap;
}

.flex-container>div {
  background-color: #f1f1f1;
  width: 100px;
  margin: 10px;
  text-align: center;
  line-height: 75px;
  font-size: 30px;
}
.resize {
  resize: both;
  overflow: hidden;
}
Run Code Online (Sandbox Code Playgroud)
<body>

  <div class="flex-container resize">
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
    <div>7</div>
    <div>8</div>
  </div>

  <p>A container with the justify-content property set to <em>space-around</em> will display its items with the equal amount of space around them.</p>

</body>
Run Code Online (Sandbox Code Playgroud)

我最接近的尝试可以在这里找到:问题:容器两侧的间距不相等。(使用手柄收缩):

.my-nonflex-container {
  width: 100%;
  display: inline-block; …
Run Code Online (Sandbox Code Playgroud)

css flexbox

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

如何通过允许部分匹配的字符串数组过滤字符串数组

我在数组中有字符串,需要删除包含字符串的条目。但也删除部分匹配。

var rawData = ["foo", "bar", "foobar", "barbaz", "boo" ]
var unwantedData = ["foo","baz"]
var cleanData = filter(rawData,unwantedData)
console.log(cleanData)
>>>["bar","boo"]
Run Code Online (Sandbox Code Playgroud)

我目前的解决方案如下:

function filter(data,filterArray){
  return data.filter(rawEntry => {
    var t = true; // set to false if index is found
    filterArray.forEach(unwantedStr => { t = t && ~rawEntry.indexOf(unwantedStr) ? false : t });
    return t; //decides if entry gets removed by filter
  });
}
Run Code Online (Sandbox Code Playgroud)

但我觉得可能有更好的方法来做到这一点。这在计算上可能不是最有效的方式。

javascript arrays functional-programming

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

"IF"Condtitional之后的连锁命令使用&

我试图检查是否已创建文件夹如果不创建文件夹

IF NOT EXIST dist\\js (MKDIR dist\\js)
Run Code Online (Sandbox Code Playgroud)

然后无论它是否创建了我想要运行的文件夹

& uglifyjs dev/*.js -m -o dist/js/app.js
Run Code Online (Sandbox Code Playgroud)

现在似乎&不起作用.如果文件夹存在,则不执行第二个命令.

如果我使用以下作为我的第一个声明:

IF NOT EXIST dist\\js (MKDIR dist\\js) ELSE (Echo exist)
Run Code Online (Sandbox Code Playgroud)

第一次我把两个一起运行,如:

IF NOT EXIST dist\\js (MKDIR dist\\js) ELSE (Echo hate) & echo Love & uglifyjs dev/*.js -m -o dist/js/app.js
Run Code Online (Sandbox Code Playgroud)

文件夹被创建但是没有创建app.js文件.只有当我再次运行该命令时,它才会创建app.js文件.

现在我如何最好检查是否有一个文件夹,然后继续下一个命令.

windows cmd batch-file npm-scripts

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