最近我一直在研究很多关于使用Facebook JavaScript库React.js的功能和方法.当其差异说话的JavaScript的世界往往是两种编程风格的休息declarative和imperative被mentionned.
两者有什么区别?
当我在我的Java项目上运行CheckStyle时,它会说Missing package-info.java file.某些类,但不是所有类.我无法弄清楚为什么有时会出现此消息.此外,我的项目在没有package-info.java的情况下运行得非常好.
package-info.java有什么作用?我真的需要它用于我的Java项目吗?
我正在寻找一个处理React.js中冒泡和捕获的例子.我找到了一个JavaScript,但我找不到React.js的等价物.
我如何在React.js中创建冒泡和捕获的示例?
我试图了解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) 我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)
请让我知道推荐哪一个.
我正在尝试设置 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。
Chrome 开发人员工具中的元素分析表明,该组件的主要 DIV 元素有一个.MuiFormControl-root-234包含的类min-width: 0;,并且它的位置/排名高于我的.mw-120类。我想这会覆盖我的.mw-120课程,对吗?有没有其他方法可以影响 Material UI Select 组件的宽度?Material UI Select 组件页面上没有影响此组件宽度的有用示例。
在许多 TypeScript 示例文件中,该*.d.ts类型的文件是在构建时自动创建的。一些示例谈到环境声明。但这并不能帮助我理解这些文件背后的想法和意义,因为它们基本上只是重复其他类已经拥有的东西。
那么为什么还要创建额外的*.d.ts文件呢?他们如何在我的代码中帮助我?
我无法破译我在此处的接口声明中找到的 TypeScript 语法。
interface FormattingOptions {
tabSize: number;
insertSpaces: boolean;
[key: string]: boolean | number | string;
}
Run Code Online (Sandbox Code Playgroud)
有人能解释一下这个接口的第三个参数吗?一个包含[key: string] ...?这种类型的语法是如何命名的?
有没有办法移除 Material UI 按钮的焦点框?
我尝试添加一个CSS类.focusframe有box-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: …
我试图了解STOPSIGNALdockerfile中命令的确切作用。因此,根据Docker Docs:
STOPSIGNAL指令设置将被发送到容器退出的系统调用信号。该信号可以是与内核syscall表中的位置匹配的有效无符号数字(例如9),也可以是格式为SIGNAME的信号名称(例如SIGKILL)。
通过这种解释,我了解到有一些信号发送到docker容器,以告知内部应用程序停止。但是,当我使用来关闭正在运行的容器时sudo docker stop container-name,它是否还自动停止了其中运行的所有内容?我可以键入此命令而不会出现任何错误。然后STOPSIGNAL在dockerfile中显式定义不是多余的吗?
查看如何使用dockerfile构建Nginx,使用了命令STOPSIGNAL SIGTERM。但是,那个寓意是什么意思呢?它会破坏一些无法定义的东西STOPSIGNAL吗?
reactjs ×4
typescript ×3
java ×2
material-ui ×2
.d.ts ×1
checkstyle ×1
components ×1
concurrency ×1
css ×1
docker ×1
dockerfile ×1
html ×1
javascript ×1
maven ×1
sass ×1
stateful ×1
stateless ×1