小编yal*_*man的帖子

如何使用`docker images`命令按大小对我的Docker镜像进行排序?

要查看我安装的所有图像,我运行docker images. 我想按“大小”对所有图像进行排序。我怎样才能做到这一点?更一般地,如何通过任何参数对返回的图像进行排序,例如“CREATED”

sorting terminal docker

30
推荐指数
4
解决办法
7906
查看次数

Jest 失败并出现 TypeError: (0 , _user.default) is not a function

我正在尝试测试App.jsx

import getUserInfo from './services/user';

const App = () => {

  const [isLoading, setIsLoading] = useState(true);
  const [user, setUser] = useState({
    firstName: 'First Name',
    lastName: 'Last Name',
  });

  useEffect(() => {
    getUserInfo()
      .then(({ Authorization: { FName, LName } }) => {
        setUser({
          firstName: FName,
          lastName: LName,
        });
        setIsLoading(false);
      })
      .catch((error) => {
        console.error(error);
        setIsLoading(false);
      });

  }, []);

  if (isLoading) {
    return (<h1>Loading!</h1>)
  } else {
    return (<h1>Finished Loading!</h1>)

export default App
Run Code Online (Sandbox Code Playgroud)

user.js

export default const getUserInfo = async …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs jestjs use-effect

14
推荐指数
2
解决办法
2万
查看次数

npm install node-sass@3.7.0 生成 -Wrange-loop-analysis 问题

我正在尝试通过运行安装node-sass v3.7.0npm install node-sass@3.7.0。安装一开始似乎工作正常,然后我反复收到此转储:

\n
2 warnings generated.\n./Release/.deps/Release/obj.target/libsass/src/libsass/src/sass_util.o.d.raw Stats {\n  dev: 16777220,\n  mode: 33188,\n  nlink: 1,\n  uid: 502,\n  gid: 20,\n  rdev: 0,\n  blksize: 4096,\n  ino: 30471085,\n  size: 1472,\n  blocks: 8,\n  atimeMs: 1616683090000,\n  mtimeMs: 1616683090000,\n  ctimeMs: 1616683090200.791,\n  birthtimeMs: 1616683090000,\n  atime: 2021-03-25T14:38:10.000Z,\n  mtime: 2021-03-25T14:38:10.000Z,\n  ctime: 2021-03-25T14:38:10.201Z,\n  birthtime: 2021-03-25T14:38:10.000Z }\n  c++ '-DNODE_GYP_MODULE_NAME=libsass' '-DUSING_UV_SHARED=1' '-DUSING_V8_SHARED=1' '-DV8_DEPRECATION_WARNINGS=1' '-D_DARWIN_USE_64_BIT_INODE=1' '-D_LARGEFILE_SOURCE' '-D_FILE_OFFSET_BITS=64' '-DLIBSASS_VERSION="3.3.6"' -I/Users/wvn179/.node-gyp/8.15.0/include/node -I/Users/wvn179/.node-gyp/8.15.0/src -I/Users/wvn179/.node-gyp/8.15.0/deps/openssl/config -I/Users/wvn179/.node-gyp/8.15.0/deps/openssl/openssl/include -I/Users/wvn179/.node-gyp/8.15.0/deps/uv/include -I/Users/wvn179/.node-gyp/8.15.0/deps/zlib -I/Users/wvn179/.node-gyp/8.15.0/deps/v8/include -I../src/libsass/include  -Os -gdwarf-2 -mmacosx-version-min=10.7 -arch x86_64 -Wall -Wendif-labels -W -Wno-unused-parameter -std=c++11 -stdlib=libc++ -fno-threadsafe-statics -fno-strict-aliasing -MMD …
Run Code Online (Sandbox Code Playgroud)

installation nodes node.js npm node-sass

11
推荐指数
2
解决办法
2万
查看次数

我可以使用 class-validator 指定执行验证装饰器的顺序吗?

假设有一个类 ,Post需要验证。

export class Post {
  @IsArray()
  tags: string[];
}
Run Code Online (Sandbox Code Playgroud)

现在假设他想确保“错误”一词永远不会出现在该tags字段中。他编写了一个自定义验证装饰器来执行此操作:

export function NoMistakes (validationOptions?: ValidationOptions) {
  return function (object: Object, propertyName: string) {
    registerDecorator({
      name: 'noMistakes',
      target: object.constructor,
      propertyName: propertyName,
      options: validationOptions,
      validator: {
        validate (tags: any, args: ValidationArguments) {
          tags.forEach(tag => {
            if (tag == 'mistake') {
              return false;
            }
          });

          return true;
        }
      }
    });
  }
}
Run Code Online (Sandbox Code Playgroud)

现在,他改写Post如下:

export class Post {
  @IsArray()
  @NoMistakes()
  tags: string[];
}
Run Code Online (Sandbox Code Playgroud)

例如,当标签类型不正确时,就会出现此问题int。在这种情况下,当尝试迭代非数组的内容时,自定义验证器中会发生错误。

如何让验证器 …

validation typescript class-validator

9
推荐指数
1
解决办法
5113
查看次数

如何获取csv中每列字符串的平均长度?

我有一个 csv,看起来像这样:

someFile.csv

Header1 Header2 Header3
aa      aaa     a
bbbb    bbbbbb  aa
Run Code Online (Sandbox Code Playgroud)

我想计算每列中的平均字符串长度并创建结果的 csv。这就是示例中的样子:

results.csv

Header1 Header2 Header3
3       4.5     1.5
Run Code Online (Sandbox Code Playgroud)

我一直在尝试在 Python 中使用 csv 库,但没有成功。有没有一种简单的方法可以实现这一点?

python csv python-3.x

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

如何在测试中设置或模拟元素scrollHeight和元素clientHeight?

我有一个 javascript 函数来检查 html

通过检查元素 ,el是否具有特定大小:

function isOverflow(element: string): boolean {
    const el = document.getElementById(element);
    return el.scrollHeight > el.clientHeight
}
Run Code Online (Sandbox Code Playgroud)

我想测试一下我的功能。如何设置或模拟scrollHeight和clientHeight?

it('test', () => {
   const el = document.createElement("p")
   el.setAttribute("id", "overflow")

   //How to mock these? This doesn't work "Cannot assign to 'scrollHeight' because it is a read-only property"
   el.clientHeight = 2;
   el.scrollHeight = 1;

   expect(component.isOverflow("overflow")).toBe(true);
  })
Run Code Online (Sandbox Code Playgroud)

html javascript mocking typescript jestjs

6
推荐指数
1
解决办法
3941
查看次数

将组件保存到列表中,然后有条件地渲染

我有一个网页,显示按钮列表和相应的 iframe 组件。每次单击新按钮时,都会显示一个新的 iframe,并删除现有的 iframe。

这是 iframe 组件:

const IframeComp = ({ button }) => {

    return (
      <iframe src={button}></iframe>
    )
  }

export default IframeComp
Run Code Online (Sandbox Code Playgroud)

当应用程序加载时,我将所有可能的 iframe(作为字符串)加载到列表中,app.jsx如下所示:

  const [iframeComponents, setIframeComponents] = useState()
  useEffect(() => {
    function loadIframes() {
      let iframes = {}
      for (const iframeUrl of constants.buttonUrls) {
        const iframe = `<IframeComp button=${iframeUrl}></IframeComp>`
        iframes[iframeUrl] = iframe
      }
      setIframeComponents(iframes)
    }
    loadIframes()
  }, []);
Run Code Online (Sandbox Code Playgroud)

并将 传递iframeComponents给 iframe 显示页面文件,该文件检查按下了哪个按钮并呈现相应的 iframe。当然,iframe 现在被渲染为字符串。有没有办法在 app.jsx 中加载/渲染这些 IframeComp 组件作为实际的组件/html,将它们存储在列表中,然后根据按钮单击简单地在下游显示它们?

或者,我尝试使用html-react-parser库简单地将字符串呈现为 …

html javascript iframe reactjs

6
推荐指数
1
解决办法
299
查看次数

有条件地渲染反应片段内的多个元素

我有一个函数,它需要一些布尔值,并且应该为每个布尔值渲染一个 html 元素(如果它是真的)。这就是我想做的:

function renderThis (first, second, third) {
  if (!(first || second || third)) {
    return <span>each input is false</span>
  }
  return (
  //README: This part below doesn't work. How can I conditionally render these span tags below?
    <React.Fragment>
      {
        first
          ? <span>First is true</span>
          : null
        second
          ? <span>Second is true</span>
          : null
        third
          ? <span>Third is true</span>
          : null
        credit
      }
    </React.Fragment>
  )
}
Run Code Online (Sandbox Code Playgroud)

该片段现在不起作用。我可以有条件地渲染一个元素(例如,first如果删除后续的secondthird变量及其关联代码,我可以渲染),但不能渲染全部三个元素。如何在这里有条件地渲染所有三个变量?

javascript reactjs

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

使用 class-validator 验证类中的一个字段

假设我有一个基于文档中示例的类(https://github.com/typestack/class-validator#usage

import {MinLength, MaxLength, validate} from "class-validator";

export class Post {

    @IsString()
    body: strong;

    @IsString()
    title: string;

    //...many more fields

    public async validate(){
        validate(this, { forbidUnknownValues: true, validationError: { target: false } });
    }
}
Run Code Online (Sandbox Code Playgroud)

我创建此类的一个实例并向字段分配值。

const post = new Post()
post.body = 'body'
post.title = 'title'
// ... assign all the other fields
Run Code Online (Sandbox Code Playgroud)

我想验证post,跳过除 之外的所有字段的验证title。除了将组分配给所有字段之外,似乎没有其他方法可以做到这一点,而我不想这样做。有没有办法只验证这个单一字段?

typescript class-validator

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

使用 class-validator 动态设置验证组

假设我有一堂这样的课

import {Min, Length, IsNotEmpty} from "class-validator";
 
export class User {
 
    @Max(10, {groups: ["child"]})
    @Max(100, {groups: ["adult"]})
    @Min(11, {groups: ["adult"]})
    age: number;
 
    @IsNotEmpty({groups: ["child", "adult"]})
    birthYear: number;

    @Length(2, 20, {groups: ["child", "adult"]})
    name: string;
}
Run Code Online (Sandbox Code Playgroud)

我可以通过这样做来验证这一点

import { validate } from 'class-validator'
User user = new User()
user.age = 15
user.birthYear = 2005
user.name = 'name'
validate(user, groups: ["adult"])
Run Code Online (Sandbox Code Playgroud)

我想做的是根据birthYear 字段动态设置用于验证的组。ValidateIf 不是我想要使用的东西,因为可能有很多字段和潜在的复杂条件。

看来我必须首先验证birthYear 字段以确保它满足给定的验证要求。这将要求我为birthYear创建一个独立的类,纯粹出于验证目的,因为似乎没有一种方法可以单独验证一个字段。如果 BirthYear 通过验证,我将使用它来确定要使用的验证组。

这感觉有点矫枉过正,而且工作量很大。有没有一种方法可以添加基于birthYear的验证组,而无需事先验证birthYear,或将其验证为单个字段?

validation dynamic typescript class-validator

5
推荐指数
0
解决办法
4133
查看次数