小编p7a*_*ams的帖子

删除文本输入的内部阴影

所以我有一个文本输入,我使用html5,在chrome上,我想改变文本输入的外观,我已经删除焦点上的轮廓(橙色在chrome上),我将背景设置为浅色#f1f1f1但现在在顶部和左侧有一个较厚的边框,就像它看起来被推入一样,当背景颜色没有变化时,这不会发生.我该如何删除它?抱歉,我无法在移动设备上提供图片.

它发生在chrome上,即Firefox,无法测试任何其他内容.

html css input css3

68
推荐指数
6
解决办法
13万
查看次数

React - 组件全屏(高度100%)

我坚持要显示一个名为"home"的React组件,它占据屏幕高度的100%.无论我使用CSS还是React内联样式,它都不起作用.

在下面的示例中,html,body#app设置为CSS:100%的高度.对于.home,我使用了内联样式(但无论我使用CSS还是内联样式都是一样的): 在此输入图像描述 问题似乎来自于<div data-reactroot data-reactid='1'>未设置高度:100%.

如果我使用Chrome开发者工具攻击它,它的工作原理是: 在此输入图像描述

那么在React中显示全高度组件的正确方法是什么?

欢迎任何帮助:)

css html5 reactjs

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

如何修改 Javascript Error 对象的消息?

像这样更新 Error 对象的消息有什么坏处吗?

const err = new Error('bar');
...
err.message = `foo ${err.message}`;
Run Code Online (Sandbox Code Playgroud)

我的目标是在记录错误时向错误消息添加一些有用的信息。

javascript error-handling ecmascript-6

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

均匀分配李项目

希望这是自我解释:

HTML:

<ul class="steps">
<li class="step1 first">
    <div class="icon basket"></div>
    1.Warenkorb
</li>
<li class="step2">
    <div class="icon registration"></div>
    2.Adresse
</li>
<li class="step3">
    <div class="icon payment"></div>
    3.Zahlungsart
</li>
<li class="step4">
    <div class="icon order"></div>
    4.Bestätigen
</li>
<li class="step5 last">
    <div class="icon thankyou last"></div>
    5.Danke
</li>
<div style="clear:both"></div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.steps {
width:100%;
list-style-type: none;
padding:0;
margin:0 auto;
background:url(http://tnsdev.cloudapp.net/dev/steps_slice.png) repeat-x;
 }

 .steps li {
width:20%;
float:left;

}

.steps li .icon {
background:url(http://tnsdev.cloudapp.net/dev/steps_icon.png) no-repeat;
height:44px;
width:44px;
}
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/HYYwn/1/

我如何才能实现气泡之间的距离完全相同,并且step5的气泡位于最右边?我约束有5个不同的li并使用%,所以它保持响应.

我已经暂时无法解决这个问题了!

编辑:

结果应该是这样的

 O--O--O--O--O 
Run Code Online (Sandbox Code Playgroud)

而不是喜欢

--O--O--O--O--O  
Run Code Online (Sandbox Code Playgroud)

要么 …

html css html5 css3

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

为松露设置气体

truffle migrate在 main 上运行。也使用geth。我最初在 truffle.js 中将 Gas Price 和 Gas 留空,但现在看起来像这样:

live: {
  network_id: 1,
  host: "127.0.0.1",
  port: 8545,
  from: "3984bc76cb775d7866d1cd55c4f49e3d13d411d4",
  gas: 40000,
  gasPrice: 22000000000 // Specified in Wei
}
Run Code Online (Sandbox Code Playgroud)

我似乎遇到了一种情况,要么汽油太多,要么汽油不足,不可能获得适量的汽油。

 <   {
 <     "jsonrpc": "2.0",
 <     "id": 2,
 <     "error": {
 <       "code": -32000,
 <       "message": "insufficient funds for gas * price + value"
 <     }
 <   }
Error encountered, bailing. Network state unknown. Review successful transactions manually.
Error: insufficient funds for gas * price + value …
Run Code Online (Sandbox Code Playgroud)

ethereum truffle consensys-truffle go-ethereum cryptocurrency

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

使用 Husky 设置预推送钩子以防止推送到 master 分支

是否可以使用 Husky 设置预推送挂钩以防止错误推送到 master?Husky 文档非常差,所以我找不到答案。

现在我已经准备好了像这样的承诺和推动:

 "husky": {
    "hooks": {
      "pre-commit": "lint-staged",
      "pre-push": "npm run lint"
    }
  },
  "lint-staged": {
    "linters": {
      "*.{js,json,scss,md}": [
        "prettier --write",
        "git add"
      ],
      "*.js": [
        "eslint -c .eslintrc --fix",
        "echo test",
        "git add"
      ]
    }
  }
Run Code Online (Sandbox Code Playgroud)

javascript git github eslint git-husky

5
推荐指数
2
解决办法
9188
查看次数

如何模拟异步函数的返回值?

我正在尝试测试使用“easy-soap-request”库的函数。我想模拟“soapRequest”函数返回的结果。

我试过这个,但没有用,我一直从外部 API 获取数据。

客户端.js

const soapRequest = require('easy-soap-request');

async function get_data(){
    var response = await soapRequest(url, auth_headers) //this is what I want to mock
    var result;
    result = some_parsing_function(response); //this is what I want test
    return result;
}
Run Code Online (Sandbox Code Playgroud)

测试.js

const client = require('../../client');

describe('get_data tests', () =>{
    it('should test sth', function (done) {

        var stubed = stub(client, 'soapRequest').returns('dummy value');

        client.get_data().then((result) => {
            //assertions
            console.log(result) //result still has value from external service
            done();
        });

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

编辑:

所以我尝试按照其中一个答案的建议使用 …

javascript unit-testing node.js sinon ecmascript-6

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

仅向 React App 获取一次数据。页面重新加载后不再获取

我想知道是否可以仅将数据获取一次到正在运行的 React 应用程序。我想要实现的目标是:我有一个应用程序,我从 JSONPLACEHOLDER API 获取用户数据,然后将此数据传递到该组件的状态并分配给 usersArray 变量。

在应用程序运行期间,会进行一些操作,例如从此 usersArray 中删除数据。

怎么了:

页面重新加载后,主组件再次挂载并再次获取数据。

期待 :

我只想一次且永远地获取这些数据。是否有可能以某种方式在 React 中实现这一目标,或者我做错了什么?

javascript arrays json reactjs

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

ESLint / VSCode。在 VSCode 中打开新项目后,Eslint 扩展不会检查任何内容

我在 VSCode 编辑器中使用 ESLint 扩展。扩展已安装,在创建我的 React 项目的启动文件后,我正在执行以下操作:

eslint --init
Run Code Online (Sandbox Code Playgroud)

在我的终端内。然后我选择 AirBnb 风格指南和 React。它在我的项目根文件夹中创建 .eslintrc.js 文件。

ESLint 是全局安装的,但为了解决这个问题,我还在我的根文件夹中本地重新安装了,如下所示:

npm install eslint --save-dev
Run Code Online (Sandbox Code Playgroud)

然后我打开 VSCode 编辑器,扩展程序没有在我的文件中发现任何问题,但我知道存在一些问题。它可以与 .tsx 扩展名相关吗?我今天第一次使用 TypeScript。我需要使用任何额外的软件包来运行它吗? 怎么解决这个问题呢?

我想提一下,我之前在其他项目中也遇到过这个问题,但没有 TypeScript - 只有 .js 和 .jsx。Eslint 扩展也无法工作,但在编码过程中突然开始运行并出现警告。

javascript typescript eslint webpack visual-studio-code

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

Express js 的正确结构是什么?

我正在创建平均堆栈应用程序。如何使用 Express js 创建结构化后端源,例如:控制器、模型、路由等。我需要一些例子吗?

node.js express mean-stack

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

在对象的对象中查找属性的最大值

我有一个这样的对象:

const users = {
 adam: {
   age: 28,
   extraInfo: 'foobar',
 },
 brad: {
   age: 31,
   extraInfo: 'foobar',
 },
 jef: {
   age: 12,
   extraInfo: 'baarfoo',
 },
};
Run Code Online (Sandbox Code Playgroud)

如何检查哪个对象具有“ age”属性的最高值并将该对象设为常量?

我尝试过使用Object.keys(),将数据抛出到Array并进行减少,但最后,所有这些方法都无法按我的意愿工作。我已经在这个问题上停留了几个小时。

javascript loops object max data-structures

0
推荐指数
1
解决办法
579
查看次数