小编Hao*_* Wu的帖子

输入：

Hello world????

期望输出：

????dlrow olleH

我尝试了几种方法，但没有一个给我正确的答案。

这惨败：

Hello world????

这有点有效，但它???分为 4 个不同的表情符号：

????dlrow olleH

我也尝试了这个问题中的所有答案，但没有一个有效。

有没有办法获得所需的输出？

我被问到一个问题

{
  function foo() {
    console.log('A');
  }
  
  foo();
  
  foo = 1;
  
  function foo() {
    console.log('B');
  }
  
  foo = 2;

  console.log(foo);
}
console.log(foo);

为什么第三个输出是1而不是2？

不应该foo创建块作用域，因为该块中既没有let也没有const。但是第二个foo输出2意味着确实foo已经创建了另一个引用。

到底是怎么回事？

PS 我正在使用 Chrome Version 89.0.4389.90 (Official Build) (x86_64)。

我偶然发现了一个正则表达式问题。

如何验证这样的减法方程？

一个字符串减去另一个字符串等于剩下的任何东西（所有术语都只是普通字符串，而不是集合。所以ab和ba是不同的字符串）。

经过

• abc-b=ac
• abcde-cd=abe
• ab-a=b
• abcde-a=bcde
• abcde-cde=ab

失败

• abc-a=c
• abcde-bd=ace
• abc-cd=ab
• abcde-a=cde
• abc-abc=
• abc-=abc

这是我尝试过的，你可以试试

https://regex101.com/r/lTWUCY/1/

如图中提到的传递 React Props，我想知道在 React 中传递多个 props 是否有更简洁的方法。

写一个表达式来匹配像a, aba, ababba,ababbabbba等字符串。 连续的数量b在每个 之后逐一增加a。

我正在学习正则表达式并在这个正则表达式测验中挣扎了好几天，但仍然无法完全正确。

根据描述，正则表达式应该匹配并失败以下情况：

通行证：

• a
• aba
• ababba
• ababbabbba
• ababbabbbabbbba

失败案例：

• aa
• abbaa
• aabb
• abababa
• ababbba

这是我到目前为止尝试过的

^a((b(?2)?)a)?(?1)*$

我正在考虑使用递归，但我不知道如何b在a满足每个递归后只添加一个。所以，我的解决方案也通过abba和ababbba等。

有任何想法吗？我错过了什么？

我需要仅替换当前打开的文件中的一些文本。

比如我的项目包含a.html,b.html和c.html; 但我只打开了a.html和b.html，所以替换不会影响c.html

有没有一种方法可以立即查找并替换出现的内容，而不是逐一浏览这些文件？

我需要为元素及其伪元素设置动画。

然后我注意到，当我悬停时，一切都很好。但是然后我停止悬停，Home首先动画，然后，伪元素Link开始动画。

为什么它的行为是这样的？有没有办法让它们同时动画？

这是我的问题的简化娱乐：

a {
  color: blue;
  transition: all 1s;
  text-decoration: none;
}

a:hover {
  color: red;
  font-size: 48px;
}

a:hover::before {
  color: green;
  font-size: 32px;
}

a::before {
  content: 'Link:';
  transition: all 1s;
}

<a href="javascript: void(0)">Home</a>

我在 Chrome 上使用 MacOS Version 83.0.4103.97 (Official Build) (64-bit)

如果你不能重现问题，这里是它的屏幕截图：

我有一个看起来像这样的字符串

#123##1234###2356####69

它#以任何数字开头，后跟任何数字，每次#出现时，#增加的次数，第一次为 1，第二次为 2，以此类推。

它类似于这个正则表达式，但由于我不知道这种模式持续了多长时间，所以它不是很有用。

^#\d+##\d+###\d+$

我正在使用 PCRE 正则表达式引擎，它允许递归(?R)和条件(?(1)...)等。

是否有正则表达式来验证此模式？

有效的

• #123
• #12##235
• #1234##12###368
• #1234##12###368####22235#####723356

无效的

• ##123
• #123###456
• #123##456##789

我试过了，^(?(1)(?|(#\1)|(#))\d+)+$但它似乎根本不起作用

所以基本上我做了这种情况，父母有 css all: unset。

然后我注意到当我使用 Safari(Version 12.1.1 (14607.2.6.1.1)) 时，它的所有子项颜色只能受*块影响，甚至不能内联或!important.

但只有color这样，正如您所看到的那样，background-color它正在使用它自己的属性。

但它在 Chrome 中运行良好，是 safari 中的故障还是我做错了什么？我该如何在 Safari 中修复它？

* {
  color: red;                   /* Text color is using this one */
  background-color: pink;
}

.Parent {
  all: unset;
}

.Child {
  color: blue;
  background-color: yellow;     /* Background color is using this one */
}

<div class="Parent">
  <div class="Child">Some Text</div>
</div>

• 预期结果（铬）

• 错误的结果（Safari Version 12.1.1 (14607.2.6.1.1)）

我有一个响应式网格布局。根据窗口宽度，可以有任意数量的列。

我试图使网格具有方格图案，所以我使用odd和even选择器为网格单元着色。

但是它仅在列数为奇数时有效。当列数为偶数时，它将变为条纹图案。

是否有CSS属性/选择器来解决此问题，或者有更好的方法来解决此问题？

这是我的项目中显示问题的简化代码：

.grid {
  display: grid;
  counter-reset: spans;
  grid-template-columns: repeat(var(--cols), 1fr);
  grid-gap: 1px;
}

.grid > * {
  counter-increment: spans;
  text-align: center;
  padding: 10px 0;
  color: #fff;
}

.grid > *::after {
  content: counter(spans);
}

/* Coloring */
.grid > *:nth-child(odd) {
  background-color: #789;
}

.grid > *:not(:nth-child(odd)) {
  background-color: #567;
}

<h2>Works when columns are odd</h2>
<div class="grid" style="--cols: 5;">
  <span></span>
  <span></span>
  <span></span>
  <span></span>
  <span></span>
  <span></span>
  <span></span>
  <span></span>
  <span></span>
  <span></span>
  <span></span>
  <span></span> …