小编Soc*_*tes的帖子

React.js中声明性和命令性之间的区别?

最近我一直在研究很多关于使用Facebook JavaScript库React.js的功能和方法.当其差异说话的JavaScript的世界往往是两种编程风格的休息declarativeimperative被mentionned.

两者有什么区别?

reactjs

71
推荐指数
7
解决办法
3万
查看次数

为什么package-info.java有用?

当我在我的Java项目上运行CheckStyle时,它会说Missing package-info.java file.某些类,但不是所有类.我无法弄清楚为什么有时会出现此消息.此外,我的项目在没有package-info.java的情况下运行得非常好.

package-info.java有什么作用?我真的需要它用于我的Java项目吗?

java checkstyle maven

67
推荐指数
5
解决办法
4万
查看次数

React.js中冒泡和捕获的示例

我正在寻找一个处理React.js中冒泡和捕获的例子.我找到了一个JavaScript,但我找不到React.js的等价物.

我如何在React.js中创建冒泡和捕获的示例?

javascript event-bubbling event-capturing reactjs

34
推荐指数
1
解决办法
3万
查看次数

ReactJS有状态和无状态之间的区别

我试图了解React的有状态和无状态组件之间的确切区别.好吧,无状态组件只是做某事,但没有记住任何事情,而有状态组件可能会做同样的事情,但他们会记住内部的东西this.state.这就是理论.

但现在,检查如何使用代码显示这一点,我有点麻烦有所作为.我是对的,有以下两个例子吗?唯一的区别是getInitialState函数的定义.

无状态组件的示例:

var React = require('react');

var Header = React.createClass({
    render: function() {
        return(
            <img src={'mypicture.png'} />
        );
    }
});

module.exports = Header;
Run Code Online (Sandbox Code Playgroud)

有状态组件的示例:

var React = require('react');

var Header = React.createClass({

    getInitialState: function() {
        return {
            someVariable: "I remember something"
        };
    },

    render: function() {
        return(
            <img src={'mypicture.png'} />
        );
    }
});

module.exports = Header;
Run Code Online (Sandbox Code Playgroud)

components stateful stateless reactjs

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

什么是等待可完成的未来线程完成的推荐方法

CompletableFuture在代码中使用如下所示.但关于我应该等到所有可运行完成的方式,我找到了两种方法,我不知道它们之间的区别,哪一种是最佳实践?它们如下:

代码:

this.growSeedFutureList = CompletableFuture.runAsync(new GrowSeedSERun(this.saliencyMat, this.seedXY, this.seedVal), this.growSeedExecutor);
this.growSeedFutureList = CompletableFuture.runAsync(new GrowSeedNWRun(this.saliencyMat, this.seedXY, this.seedVal), this.growSeedExecutor);
this.growSeedFutureList = CompletableFuture.runAsync(new GrowSeedNERun(this.saliencyMat, this.seedXY, this.seedVal), this.growSeedExecutor);
this.growSeedFutureList = CompletableFuture.runAsync(new GrowSeedSWRun(this.saliencyMat, this.seedXY, this.seedVal), this.growSeedExecutor);
Run Code Online (Sandbox Code Playgroud)

第一种等待所有runnables完成的方法:

this.growSeedExecutor.shutdown();
this.growSeedExecutor.awaitTermination(1, TimeUnit.DAYS);
Run Code Online (Sandbox Code Playgroud)

等待所有runnables完成的第二种方法:

CompletableFuture.allOf(this.growSeedFutureList).join();
Run Code Online (Sandbox Code Playgroud)

请让我知道推荐哪一个.

java concurrency multithreading completable-future

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

设置材质 UI 选择宽度?

我正在尝试设置 Material UI Select 组件的宽度。为此,我必须为 FormControl 组件提供一个类,例如mw-120哪个链接到定义min-width120px的 CSS 类。

材质 UI 选择组件:

<FormControl className='mw-120'>
    <InputLabel htmlFor='selected-language'>Language</InputLabel>
    <Select value={this.state.selectedLanguage}
            onChange={(e) => this.onLanguageChange(e.target.value)}
            inputProps={{
                name: 'language',
                id: 'selected-language',
            }}>
        {menuItems}
    </Select>
</FormControl>
Run Code Online (Sandbox Code Playgroud)

CSS类:

.mw-120 {
    min-width: 120px;
}
Run Code Online (Sandbox Code Playgroud)

虽然我希望 Select 组件的大小现在最小宽度为 120 像素,但该组件在渲染后保持完全相同,如下图所示。换句话说,就是缩小。宽度不够大。宽度应大于标签Language

Select 组件的宽度太小

Chrome 开发人员工具中的元素分析表明,该组件的主要 DIV 元素有一个.MuiFormControl-root-234包含的类min-width: 0;,并且它的位置/排名高于我的.mw-120类。我想这会覆盖我的.mw-120课程,对吗?有没有其他方法可以影响 Material UI Select 组件的宽度?Material UI Select 组件页面上没有影响此组件宽度的有用示例。

html css reactjs material-design material-ui

20
推荐指数
3
解决办法
3万
查看次数

*.d.ts 文件有什么用?

在许多 TypeScript 示例文件中,该*.d.ts类型的文件是在构建时自动创建的。一些示例谈到环境声明。但这并不能帮助我理解这些文件背后的想法和意义,因为它们基本上只是重复其他类已经拥有的东西。

那么为什么还要创建额外的*.d.ts文件呢?他们如何在我的代码中帮助我?

typescript .d.ts

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

如何理解 TypeScript 接口中的语法 [key: string]

我无法破译我在此处的接口声明中找到的 TypeScript 语法。

interface FormattingOptions {
    tabSize: number;
    insertSpaces: boolean;
    [key: string]: boolean | number | string;
}
Run Code Online (Sandbox Code Playgroud)

有人能解释一下这个接口的第三个参数吗?一个包含[key: string] ...?这种类型的语法是如何命名的?

typescript

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

Material UI Button 移除焦点框

有没有办法移除 Material UI 按钮的焦点框?

我尝试添加一个CSS类.focusframebox-shadow: none,但是这似乎并没有删除对焦框。单击时,该按钮将保留此红色焦点框。

带有按钮渲染的 TypeScript 类:

export class App extends React.Component<AppProps, AppState> {
    public componentDidMount() {
        this.setState({sessionLoaded: true});
    }

    public render() {
        if (this.state) {
            return <div>
                <Button className='focusframe' onClick={() => console.log("Material UI Button clicked!")} color='primary' variant='contained'>Click Me!</Button>
            </div>;
        } else {
            return <div>State not yet accessible.</div>;
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

SCSS 类:

@import "~bootstrap/scss/bootstrap";
@import "_colors.scss";

body {
    background-color: $body-color-base;
    color: $body-color-font;

    .focusframe {
        box-shadow: none;
    }
}
Run Code Online (Sandbox Code Playgroud)

点击按钮前:

在此处输入图片说明

点击按钮后:

在此处输入图片说明

编辑1:

按钮的 HTML: …

sass typescript material-ui

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

Docker STOPSIGNAL做什么?

我试图了解STOPSIGNALdockerfile中命令的确切作用。因此,根据Docker Docs

STOPSIGNAL指令设置将被发送到容器退出的系统调用信号。该信号可以是与内核syscall表中的位置匹配的有效无符号数字(例如9),也可以是格式为SIGNAME的信号名称(例如SIGKILL)。

通过这种解释,我了解到有一些信号发送到docker容器,以告知内部应用程序停止。但是,当我使用来关闭正在运行的容器时sudo docker stop container-name,它是否还自动停止了其中运行的所有内容?我可以键入此命令而不会出现任何错误。然后STOPSIGNAL在dockerfile中显式定义不是多余的吗?

查看如何使用dockerfile构建Nginx,使用了命令STOPSIGNAL SIGTERM。但是,那个寓意是什么意思呢?它会破坏一些无法定义的东西STOPSIGNAL吗?

docker dockerfile

9
推荐指数
2
解决办法
4665
查看次数