小编Eso*_*ack的帖子

当我在 Git Bash 中运行命令时，我得到颜色编码的输出：

但是当我在 VS Code 中使用集成终端时，输出是纯白色文本。怎样才能得到相同的颜色？

这并不是 Git Bash 所特有的。cmd 和 PowerShell 在 VS Code 终端中也会失去颜色。

我发现了有关更改 VS Code 终端颜色主题的其他问题，但我要求维护第一张图片中显示的有用颜色编码 - 而不仅仅是所有文本的统一颜色。

我想知道声明多个不需要的变量以使我的代码更具可读性是否合适.以下哪个片段的编码更好？它计算两个质量之间的力.

    // 1
    double dx = xPos - b.xPos;
    double dy = yPos - b.yPos;
    double r = Math.sqrt(dx*dx + dy*dy);
    double F = G * mass * b.mass / (r*r);

    // 2
    double Fx = G * mass * b.mass / Math.pow( Math.sqrt(Math.pow(2,xPos-b.xPos) + Math.pow(2,yPos-b.yPos)), 2);

如何平衡可读性和性能？是否可以在一行中完成评论好吗？

(我意识到Math.pow(Math.sqrt(在第二个例子中可以删除,但这只是一个例子)

我试图通过一个单词列表,并确定每个单词是否是一个有效的英语单词(对于拼字游戏).我不知道如何处理这个问题,我是否必须找到所有英文单词的文本文件,然后使用文件读取和解析方法手动构建数据结构,如trie或hashmap - 或者我可以在某处找到premade ？最简单的方法是什么？

我有一个这样结构的数组，我正在尝试获取它的副本（修改和用于 React setState()）。在 Python 中，我可以使用 copy.deepcopy() 但我找不到在 JavaScript 中执行此操作的简单方法。

notes=[
        {
          contents: "Hello World 1",
          function: console.log,
          children: [
            {
              contents: "Hello World A",
              function: console.log,
              children: []
            },
          ]
        },
        {
          contents: "Hello World 2",
          function: console.log,
          children: []
        }
      ]

我在stackoverflow上找到了这篇文章和类似的解决方案，但没有一个对我有用。 https://medium.com/@Farzad_YZ/3-ways-to-clone-objects-in-javascript-f752d148054d 两种解决方案只是浅拷贝，JSON.parse 对函数不起作用。

我想要一个函数，可以深度复制任何包含嵌套 JavaScript 数据类型的任意结构的数组或对象。

我宁愿不重新发明轮子编写一个复杂的递归函数来遍历和克隆所有内容，是否有任何现有的解决方案？

下面的代码是解释我的问题的最小工作示例。这段代码使用Array.map生成3个Note组件，当您按Enter键时，它们将使用对DOM元素的引用清空它们上方的静态生成的Note组件。

我想要做的是改为将您打的便笺输入为空。我认为这需要为每个Note生成一个包含{id，ref}的动态数组，因此我可以将Note id传递给handleKeyDown，然后在refs数组中搜索该id并使用相应的ref来更改DOM元素。但是我在弄清楚如何真正做到这一点上遇到了麻烦。

我意识到这里没有必要使用refs，但这只是一个示例，因为我的实际代码要长得多，并调用focus（）。

import React, { Component } from "react";
import "./App.css";

class App extends Component {
  constructor() {
    super();
    this.notes = [
      { text: "Hello world 1", id: 1 },
      { text: "Hello world 2", id: 2 },
      { text: "Hello world 3", id: 3 }
    ];
    this.ref = React.createRef();
  }

  handleKeyDown = event => {
    if (event.key === "Enter") {
      event.preventDefault();
      this.ref.current.textContent = "";
    }
  };

  render() {
    return (
      <div>
        <Note
          text={"StaticNote"}
          key={0}
          id={0}
          handleKeyDown={this.handleKeyDown}
          innerRef={this.ref} …

当我使用 prettier 格式化 HTML 文件时，它看起来像这样：

<nav>
  <ul>
    <li><a href="#" title="Home">Home</a></li>
    <li><a href="#" title="About">About</a></li>
    <li><a href="#" title="Sign Up">Sign Up</a></li>
    <li><a href="#" title="Contact">Contact</a></li>
    <li><a href="#" title="Careers">Careers</a></li>
  </ul>
</nav>

但是当我将相同的标签放入 JSX 文件中时，它会像这样重新格式化：

import React from "react";

const Demo = () => {
  return (
    <nav>
      <ul>
        <li>
          <a title="Home">Home</a>
        </li>
        <li>
          <a title="About">About</a>
        </li>
        <li>
          <a title="Sign Up">Sign Up</a>
        </li>
        <li>
          <a title="Contact">Contact</a>
        </li>
        <li>
          <a title="Careers">Careers</a>
        </li>
      </ul>
    </nav>
  );
};

export default Demo;

我怎样才能阻止这种行为？即使价值很高，也会发生这种情况prettier.printWidth