小编Jur*_*osh的帖子

在VS2012中,您可以将鼠标悬停在typescript变量上,它将显示推断的类型.webstorm中是否有类似的功能？

环境:Windows + PhpStorm

问题:PhpStorm使用Windows行结尾保存文件 - 对于shell脚本,它存在问题,因此需要在复制到服务器后始终进行转换.

问题:是否可以配置PhpStorm以使用Linux行结尾保存文件- \n而不是\n\r(新行+回车)？

图片跟随测试用例:

it('valid emails checks', () => {
  ['abc@y.com', 'a@b.nz'/*, ...*/].map(mail => {
    expect(isValid(mail)).toBe(true);
  });
});

我想为每封电子邮件添加自动生成的消息,Email 'f@f.com' should be valid以便很容易找到失败的测试用例.

就像是:

// .map(email =>
expect(isValid(email), `Email ${email} should be valid`).toBe(true);

在Jest中有可能吗？

在Chai中可以使用第二个参数,就像expect(value, 'custom fail message').to.be...在Jasmine中看起来像是使用了.because子句.但是在Jest找不到解决方案.

想象一下,我们有2个CSS Grid容器,其动态列数基于宽度计算.

display: grid;
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));

网格工作得很好,但如果我们需要另一个网格使第一列与上面显示的代码的另一个网格相同,但是它是另一个跨越更多单元格的列 - 取决于有多少单元格在当前行.

为了更好地理解问题,有图像:

在更窄的包装上:

我们需要应用类似的东西grid-column: span ALL (如果存在这样的东西),意味着ALL =直到当前行的结尾.

真正重要的是"First"列应始终与"1"列对齐.

代码运行示例如下:

.grid div {
  /* Not important fancy styles */
  height: 40px;
  text-align: center;
  padding-top: 20px;
}

.grid {
  width: 350px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  background-color: silver;
}

.grid-second {
  background-color: red;
}

.grid-another {
  background-color: purple;
  border: 1px solid gray;
}

<div class="grid">
  <div class="grid-first">
    First
  </div>
  <div class="grid-second">
    Second …

问题是有关CSP服务两次：

如果有一个策略通过Content-Security-PolicyHTTP响应标头提供服务，又有一个通过<meta />元素指定的其他策略，会发生什么情况？

那两个会合并吗？还是哪个优先？（我在规范中找不到明确的信息）。

特定的用例可能是Report-to通过HTTP响应标头提供服务，并将所有其他限制放入<meta />元素中-因为其中一些限制是由webpack生成的-如果我不必担心<meta />HTTP响应标头策略会使其变浅。

我有以下Prettier命令:

prettier --parser typescript --write ./src/**/*.ts
prettier --parser typescript --write ./src/**/*.tsx

我想将它们合并为单一的 - 使用正则表达式的一个王来监听(写)两者.ts和.tsx扩展.

就像是:

prettier --write ./src/**/*.ts(x?)

我需要2个文件来在React中创建新组件:

$ {NAME} .js文件

import React from 'react';
import css from './${NAME}.css';
const ${NAME} = () => (
  <div></div>
);
export default ${NAME};

$ {NAME}的.css

/* Empty */

注意:创建这些文件时,需要输入$ {NAME},如常量.

我想使用PhpStorm(或WebStorm)文件模板功能(或其他一些简单的方法)来创建这两个文件 - 只需单击以创建组件,如下图所示:

有可能吗？

如何根据参数或外部配置在React无状态组件中定义泛型类型？

示例组件:

interface IProps<V> {
  value: V;
  doSomething: (val: V) => void;
}

const Comp: React.SFC<IProps<number>> = <T extends number>({
   value: T,
   doSomething
  }) => {
 return <div />;
}

以上示例将起作用,但仅以数字作为值.

是否可以升级以实现以下目标:

const Comp: React.SFC<IProps<??>> = <?? extends string | number>({
   value, /* of type ?? */
   doSomething
  }) => {
 return <div />;
}

因此,我们可以在使用组件时决定我们想要的数字或字符串.

所需用法:

// This should setup generic type to string
<Comp value="string" ... />

// Or number
<Comp value={123} ... /> …

我想更改网页中的主照片，我只有 url 页面。所以我决定使用为 Facebook 共享编写的元数据。

我想更改图像：meta property="og:image" content="http://myweb.com/image.jpg"

我的应用程序报告了一些严重问题，console.error但没有报告，thrown因此应用程序可能会继续运行-可能处于残废状态。

还必须报告console.error问题，但是Sentry（Raven）库仅将抛出的异常发送到服务器。

有人知道如何很好地解决这个问题吗？

（理想情况下，无需重写所有console.error调用，因为某些供应商库可能仍会将输出仅写入控制台中）

在Redux中,有初步行动@@INIT.

发生此操作时是否可以发送另一个操作(在中间件中)？

如果没有,在商店准备就绪后推动行动的最佳替代方案是什么？