小编use*_*537的帖子

如果这是我们的代码，则会在每行中创建4个框，它们之间的垂直间距相等，但是有两个我不知道如何解决的问题：

1. 最后一行中的框应调整到左侧。

2. 框之间应有20px的垂直间距。

我该如何使用flexbox？

.wrapper {
  max-width: 80%;
  margin: 20px auto 0;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  /* justify-content: flex-start; */
}

.box {
  flex-basis: 23%;
  height: 100px;
  outline: 1px solid black;
  background-color: #ccc;
  margin-bottom: 20px;
}

<div class="wrapper">

  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>

</div>

我可以在浏览器中打开一个 Slack 频道。网址如下所示：

https://myCompany.slack.com/messages/CDPNQL/

问题是我在 Slack 应用程序中看不到该频道。我只能在浏览器中访问它。

如何将其添加到我的 Slack 应用程序中？

我需要为伪元素编写规则，但似乎 IE11 浏览器没有在其开发人员工具中显示 ::after 和 ::before 伪元素，尽管它们在页面上呈现。

有没有办法直接在浏览器中编辑它们，就像在 Chrome 上一样？

我想在 GitHub 上与其他人分享我的项目，以便他们可以查看我的代码。

然而，在项目文件中，有我的 API 密钥，每个人都可以看到它。

• 会有问题吗？
• 有什么办法可以隐藏API-Key吗？
• 关于共享项目我还应该了解什么吗？

感谢任何提示或建议。

我使用create-react-app创建了一个 React 应用程序。如果我运行npm run build，create-react-app 会在build/static/js文件夹中生成 3 个不同的 JS 文件。

但是为了这个特定的应用程序的目的，我需要将所有这 3 个 JS 文件捆绑在一个文件中。

这是我可以通过 create-react-app 实现的东西吗？如果不是，将这 3 个 JS 文件捆绑到单个文件的最佳方法是什么？

在 VSCode 中，每次我保存一个 JS 文件时，Prettier 都会去掉 function 关键字及其括号之间的空格。

它改变了这一点：

function (parameter)

对此：

function(parameter)

但我想保留空间。

有些人建议将此规则添加到 VSCode 设置中：

"prettier.spaceBeforeFunctionParen": true

但显然这条规则已经不存在了。

如何在 Prettier 中强制在函数和括号之间留一个空格？

如果用户的浏览器是IE，并且localStorage不存在，则以下代码将设置localStorage，其有效期为24小时。

(function ieAlert() {
  var lastclear = window.localStorage.getItem('myLocalStorage'),
  time_now  = (new Date()).getTime();

  var isIE = document.documentMode

  if (isIE && !lastclear) {    
    if ((time_now - lastclear) > 1000 * 60 * 60 * 24) {
      window.localStorage.clear()
      window.localStorage.setItem('myLocalStorage', time_now)
    }
  }
})()

有用。但是我不明白的是这部分：

if (isIE && !lastclear) {    
    if ((time_now - lastclear) > 1000 * 60 * 60 * 24) {
      window.localStorage.clear()
      window.localStorage.setItem('myLocalStorage', time_now)
    }
  }

在这里lastclear未定义，那么计算如何进行？

是否可以像这样向 BEM 中的元素添加多个修饰符：

my-item__icon--open--not-red

正如你可以看到我添加--open和--not红到我-item__icon。这个可以吗？有没有更好的方法来实现相同的目标？

CSS 自动完成功能在 VSCode 中不起作用。

通常，如果我开始在 CSS 文件中编写语句，VSCode 具有强烈性，它会建议所有可能的选项。但是正如您所看到的，它在我的 css 文件中不起作用。

有什么帮助吗？

我试图了解 react-hook-form 是如何工作的。为此，我创建了以下示例：

import React from 'react';
import { useForm } from 'react-hook-form';

const InputForm = () => {
  const { register, handleSubmit } = useForm();

  const onSubmit = (data) => {
    console.log(data);
  };

  return (
    <>
      <Form onSubmit={handleSubmit(onSubmit)}>
        <Form.Group controlId='formBasicName'>
          <Form.Label>Name</Form.Label>
          <Form.Control
            type='text'
            name='name'
            ref={register}
          />
        </Form.Group>

        <Form.Group controlId='formBasicEmail'>
          <Form.Label>Email address</Form.Label>
          <Form.Control
            type='email'
            name='email'
            ref={register}
          />
          
        <Button className='submitBtn' type='submit'>
          Submit
        </Button>
      </Form>
    </>
  );
};

export default InputForm;

它有效，如果我提交表单，我可以在控制台中看到数据对象。唯一的问题是每次提交后，输入框仍然显示它们的值。我希望每次提交后输入框的值变空。使用 useState 会很容易，但是现在我正在使用 react-hook-from，我不知道该怎么做。