小编Pro*_*kie的帖子

我使用的笔记本电脑最大分辨率为1366px.我想截取一个网站在chrome中的设备模拟器模式中的样子 - 当我设置宽度更大时 - 如1600px.

当我这样做 - 设备视口变得溢出我的chrome窗口并且其中的一部分被隐藏 - 我如何截取这个 - 打印屏幕不能工作.是插件还是镀铬扩展？

我开始使用对象扩展语法来安全地制作对象的副本,同时遵循不变性原则.

我想在chrome开发者控制台中使用它 - 如何做到这一点:

如果我在断点处停止我的javascript代码并尝试通过悬停检查代码的某些部分(如变量或函数),它会给出一个弹出窗口,其值如下面的屏幕截图所示:

但是,如果我在我的代码中使用es6模板字符串,如下所示:

options.push(<option key={`traveller-age-option-${i}`}>{i}</option>);

然后反引号字符(`)下面的整个代码变成红色,如果我将鼠标悬停在它上面 - 我无法检查任何值 - 没有任何反应 - 它被视为一个字符串

因此,我必须手动转到控制台并键入值 - 不要悬停并查看它的值.

怎么解决这个？是否有webpack选项或某些源映射或任何chrome插件,这有助于此？

我在开始反应时经常使用 CRA 或 (create-react-app)。CSS 更改的热重新加载工作并且很棒。而热重载 JSX 和类函数不起作用 - 如果我更改 JSX 或某些事件处理程序 - 页面会重新加载。

一些线程指出，如果我取消注释这一行

//require.resolve('webpack/hot/dev-server'),

在webpack.config.dev.js那么它会工作-但它仍然无法正常工作

这个 webpack 标志也不适用于package.json npm start script：

"start": "webpack-dev-server --progress --colors --hot --config webpack.config.js"

--hot 不起作用。

现在我正在学习 Redux - 它的功能之一是热重载 - 所以如果我只学习 Redux - 我是否能够做到 - 或者这是一些配置更改还是我必须安装一些额外的 NPM 包？请指导。

当我将数据发布到后端时，我正在尝试为我的React Web应用程序定义过渡状态。

我想在我的渲染方法中显示动画gif。

所以我导入了gif图片（像这样 https://media.giphy.com/media/3oEjI6SIIHBdRxXI40/giphy.gif）

使用简单的导入

import logo from '../assets/load.gif'

并将其添加到我的渲染中

喜欢：

<img src={logo} alt="loading..." />

但是我的react-dev服务器终端出现错误

未知人物

如何将gif动画添加到普通的SPA中。

我想修改Dan Abramov的create-react-app的现有webpack.config.js文件-我想添加一个额外的加载器'react-html-attrs'，以便我可以按原样使用class标签，而无需将其更改为camel-案例类名

所以这是我做的：1.我去了这个babel插件的官方github文档-https : //github.com/insin/babel-plugin-react-html-attrs，它说如果您使用babel- 6安装npm软件包：npm install --save-dev babel-plugin-react-html-attrs

然后在我的一个组件js中，我返回了一个包含类而不是类名的jsx-但我仍然收到此错误消息。

如何在create react app的webpack配置中添加自定义babel加载器？

还有哪个要编辑-目录中有4个这样的文件？

这是我的示例代码:

body {
  margin: 0;
  padding: 0;
  border: 0;
  background: #444;
}
#container {
  width: 25px;
  margin: auto;
  margin-top: 2px;
  padding-top: 1%;
  border-bottom: 3px solid #58e;
  background: #fff;
}

<div id="#container">text</div>

当我在chrome中运行它并检查元素div的计算样式时,宽度将如上所定义为25px,但填充顶部为13.65px.

我知道填充顶部是根据元素宽度的百分比计算的.所以它应该是25px或2.5px的1%.

它为什么会以13.65像素的价格出现？

好的,所以我想在javascript中创建一个构造函数,它将计算使用这个构造函数创建的实例总数.

var Component = function(name) {
    this.name = name;
    this.add = function(){this.prototype.countInstances++;};
    this.add();
};

和

Component.prototype.countInstances=0;

正如我所理解的那样,countInstances变量被添加到原型中,并且将像所有实例的静态副本一样充当我的计数器.

这段代码的问题是,因为我在构造函数之后声明了countInstances,所以我在构造函数代码中遇到了错误.怎么纠正这个？

我有一个 html 输入文本字段，如下所示：

<input type="text" name="fName" class="inpField" size="20" value="First Name *" />

现在我想对一些文本进行选择性样式如下：

1. 我将默认值设置为“名字 *”。使用 css-我想对整个事物应用全局样式-例如字体系列、字体大小。

2. 然后我想有选择地在名字后面用红色设置星号 (*) 的样式。由于该 * 是包含在属性中的值 - 我如何有选择地仅选择 value 属性中的星号部分以使其变为红色。

请帮忙。

我正在尝试将以下if-else转换为javascript中的三元运算符表示,如下所示

var x = 2;
if (x === 2) {alert("2");}
else
         { //do nothing}

但是当我这样做时:

(t==2)?(alert("1")):();

Chrome会抛出一个SyntaxError.

我的问题是 - 如何在javascript中使用一个空的"else"分支的三元运算符 - 即":"之后的部分.此外,这是允许的 - 使用javascript中的三元运算符来执行语句 - 不执行赋值.

另外:上面的代码只是一个基本案例.我实际上试图将页面的所有DOM元素作为一个数组(称为all2),然后只有在它们具有非null类名时才将这些元素添加到另一个数组(仅限于调用).这是我的代码:

all2.forEach(function(e){ e.getAttribute("class") ? (only.push(e.getAttribute("class"))) : (); }); 

如果我将第三个操作数留空,则会引发语法错误.传递null工作

我使用缩短的 ES6 箭头函数表示法像这样编写我的函数体

const funcName = (...args) => something

我什至没有使用单个大括号，因为我的函数体只有 1 个 return 语句。

但是说我想从这个函数返回一个对象，我必须这样做：

const funcName = (...args) => {key:val}

这里的问题是 babel 假设大括号内的东西是一个函数体 - 而不是一个对象 - 如何让它认为它确实是一个对象？

当我将应用程序部署到 AWS 时，我在使用 aws-sdk 时遇到了严重的性能问题。我正在使用它，如下所示：

wrapper = {
    accessKeyId: "YOURACCESSKEY",
    secretAccessKey: "YOURSECRETKEY",
    region: "us-east-1",
    endpoint: new AWS.Endpoint('http://localhost:8000')
};

AWS.config.update(wrapper);

const docClient = new AWS.DynamoDB.DocumentClient();

module.exports ={"docClient":docClient};

我研究并发现 - https://github.com/aws/aws-sdk-js/issues/900 - 我们可以在 aws 中指定 httpOptions 以便启用 keepAlive。

我的问题是，如何在上面的 AWS-sdk 构造函数中指定 httpOptions：

var dynamo = new AWS.DynamoDB({
  region: "ap-southeast-2",
  httpOptions: {
  agent: new https.Agent({
  rejectUnauthorized: true,
  keepAlive: true
  })
}

});

如何将其添加到包装器配置中。它不接受 AWS.config.update 中的任何额外的 httpOptions 键

我想在我的反应代码中使用axios对端口8001上运行的本地快速服务器进行调用,如下所示:

axios.post('http://localhost:8001/enterInfo',{headers: { 'crossDomain': true }}, payload)
        .then((response) => {
            this.setState({
                saved:true
            })
        })

我的快递服务器正在侦听端口8001.我在快递服务器上写了一个post方法:

app.post('/postUrl', (req, res) => {
console.log(req.body);
res.send('111');
});

但是当我从反应ui进行调用时,它会给出这个错误:

XMLHttpRequest无法加载http:// localhost:8001/enterInfo.对预检请求的响应未通过访问控制检查:请求的资源上不存在"Access-Control-Allow-Origin"标头.因此,不允许来源" http:// localhost:8080 "访问.