小编Jac*_*Goh的帖子

如何检测ReactJS onKeyPress事件中的"Shift + Enter"?

如何检测ReactJS onKeyPress事件中的"Shift + Enter"?

可能吗 ?

https://jsfiddle.net/jacobgoh101/cyLqfcts/3/

class App extends React.Component {
  constructor(props) {
    super(props);
    this.handleKeyPress = this.handleKeyPress.bind(this);
  }
  handleKeyPress(e) {
    console.log(e.key);
    $('#app').append("<br/>" + e.key);
  }
  render() {
    return ( < textarea defaultValue = {
        ""
      }
      onKeyPress = {
        this.handleKeyPress
      }
      />
    );
  }
}

ReactDOM.render(<App/>, document.getElementById('app'));
Run Code Online (Sandbox Code Playgroud)

javascript keyboard reactjs

13
推荐指数
1
解决办法
6300
查看次数

Axios。即使在api返回404错误时也如何获得错误响应,请尝试尝试最终捕获

例如

(async() => {
  let apiRes = null;
  try {
    apiRes = await axios.get('https://silex.edgeprop.my/api/v1/a');
  } catch (err) {
    console.error(err);
  } finally {
    console.log(apiRes);
  }
})();
Run Code Online (Sandbox Code Playgroud)

中的finallyapiRes将返回null。

即使api收到404响应,响应中仍然有一些我想使用的有用信息。

finally当axios引发错误时,如何使用错误响应。

https://jsfiddle.net/jacobgoh101/fdvnsg6u/1/

javascript error-handling axios

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

如何在Firefox Quantum Developer Edition中自动扩展json视图?

如题.

例如,当我访问https://jsonplaceholder.typicode.com/comments时,json数组就像这样

在此输入图像描述

如何让它全部自动扩展?这样我就可以一次查看所有内容而不是将其扩展为1谢谢.

firefox json firefox-quantum

6
推荐指数
1
解决办法
1010
查看次数

Docker Volume 的 1 路同步而不是 2 路同步?

我正在使用 Docker Compose 作为全栈 Javascript 项目的本地开发环境。

我的 Docker Compose 文件的一部分如下所示

version: "3.5"
services:
  frontend:
    build:
      context: ./frontend/
      dockerfile: dev.Dockerfile
    env_file:
      - .env
    ports:
      - "${FRONTEND_PORT_NUMBER}:${FRONTEND_PORT_NUMBER}"
    container_name: frontend
    volumes:
      - ./frontend:/code
      - frontend_deps:/code/node_modules
      - ../my-shared-module:/code/node_modules/my-shared-module
Run Code Online (Sandbox Code Playgroud)

我正在尝试开发一个名为 的自定义 Node 模块my-shared-module,这就是我添加- ../my-shared-module:/code/node_modules/my-shared-module到 Docker Compose 文件中的原因。节点模块托管在私有 Git 存储库中,并在以下位置定义:package.json

  "dependencies": {
    "my-shared-module": "http://gitlab+deploy-token....@gitlab.com/.....git",
Run Code Online (Sandbox Code Playgroud)

我的问题是,

当我使用 docker 容器中运行更新我的节点模块时npm install,它会my-shared-module从我的私有 Git 存储库下载到/code/node_modules/my-shared-module,并覆盖主机中的文件../my-shared-module,因为它们是同步的。

所以我的问题是,Docker 中是否可以进行单向卷同步?

  • 当主机更改时,更新容器
  • 当容器更改时,不更新主机吗?

node.js docker docker-compose

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

是否有一种纯 CSS 方式可以在 2 个单独的有序列表中继续有序列表编号?

演示:https : //jsfiddle.net/jacobgoh101/uqrkaodc/3/

<ol>
  <li>a</li>
</ol>
<ul>
  <li>b</li>
</ul>
<ol>
  <li>c</li>
  <li>d</li>
  <li>e</li>
</ol>
Run Code Online (Sandbox Code Playgroud)
ol li {
  counter-increment: list-0;
  list-style: none;
}

ol li:before {
  content: counter(list-0, decimal) '. ';
}
Run Code Online (Sandbox Code Playgroud)

当前结果

1 a
• b
1 c
2 d
3 e
Run Code Online (Sandbox Code Playgroud)

有没有办法在下面实现这个结果?

预期结果

1 a
• b
2 c
3 d
4 e
Run Code Online (Sandbox Code Playgroud)

(上下文:尝试使嵌套列表与 QuillJS 一起工作。https ://github.com/quilljs/quill/issues/979

更新:

由于QuillJS库的限制,我不是真的能够添加start="2"ol或更改HTML结构。

如果可能的话,我想我需要一个纯 CSS 解决方案。

html css css-counter

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

如何在 HttpInterceptor 中使用来自 NGXS 存储的值?

我对 Angular 很陌生。我正在使用 Angular 6 和 NGXS 进行状态管理。

我的 NGXS 商店有一个userreducer,其接口是

/* src/app/store/models/user.model.ts */
export interface User {
    serverToken? : string;
    // and other unrelated stuff
}
Run Code Online (Sandbox Code Playgroud)

我想用serverTokenAuthorization标题中HttpInterceptor

这是我目前的HttpInterceptor代码

import {Store, Select} from '@ngxs/store';
import {Injectable} from '@angular/core';
import {HttpInterceptor, HttpHandler, HttpRequest, HttpEvent} from '@angular/common/http';

import {Observable} from 'rxjs';
import {User} from '../store/models/user.model';

@Injectable()
export class ApiInterceptor implements HttpInterceptor {
    constructor(private store : Store) {}
    @Select()user$ : Observable < User …
Run Code Online (Sandbox Code Playgroud)

rxjs angular angular6 ngxs

4
推荐指数
1
解决办法
1823
查看次数

在NuxtJs路由中如何使用*(星号)?

在由vue-cli生成的普通Vue(不是Nuxt)项目中,*在vue-router中使用像这样工作:

export default new Router({
  routes: [
    {
      path: "/about",
      name: "about",
      component: About,
      children: [
        {
          path: "*",
          component: About
        }
      ]
    }
  ]
});
Run Code Online (Sandbox Code Playgroud)

所有这些路线均有效:

  • /about
  • /about/123
  • /about/123/abc/123/abc

有没有办法在NuxtJs中做到这一点?在Nuxt中,路由是根据文件pages夹中的文件自动生成的。但*对于文件/文件夹名称来说是无效字符。

vue.js vue-router vuejs2 nuxt.js

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