要查看我安装的所有图像,我运行docker images. 我想按“大小”对所有图像进行排序。我怎样才能做到这一点?更一般地,如何通过任何参数对返回的图像进行排序,例如“CREATED”
我正在尝试测试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) 我正在尝试通过运行安装node-sass v3.7.0npm install node-sass@3.7.0。安装一开始似乎工作正常,然后我反复收到此转储:
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) 假设有一个类 ,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。在这种情况下,当尝试迭代非数组的内容时,自定义验证器中会发生错误。
如何让验证器 …
我有一个 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 库,但没有成功。有没有一种简单的方法可以实现这一点?
我有一个 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) 我有一个网页,显示按钮列表和相应的 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 元素(如果它是真的)。这就是我想做的:
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如果删除后续的second和third变量及其关联代码,我可以渲染),但不能渲染全部三个元素。如何在这里有条件地渲染所有三个变量?
假设我有一个基于文档中示例的类(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。除了将组分配给所有字段之外,似乎没有其他方法可以做到这一点,而我不想这样做。有没有办法只验证这个单一字段?
假设我有一堂这样的课
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,或将其验证为单个字段?
javascript ×4
typescript ×4
reactjs ×3
html ×2
jestjs ×2
validation ×2
csv ×1
docker ×1
dynamic ×1
iframe ×1
installation ×1
mocking ×1
node-sass ×1
node.js ×1
nodes ×1
npm ×1
python ×1
python-3.x ×1
sorting ×1
terminal ×1
use-effect ×1