小编nik*_*ohn的帖子

在React Styled Components上使用'ref'不起作用

我在使用ref带有样式组件的s 时遇到困难.当我尝试在我的类方法中访问它们时,我收到以下错误:

Edit.js:42 Uncaught TypeError:这.....包含不是一个函数

  constructor(props) {
    ....
    this.setWrapperRef = this.setWrapperRef.bind(this);
    this.handleClickOutside = this.handleClickOutside.bind(this);
   }
----------
  setWrapperRef = (node) => {
    this.wrapperRef = node;
  }
  handleEdit = (e) => {
    e.preventDefault();
    this.props.onEdit(this.props.id, this.state.title);
  }
----------
<Wrapper onSubmit={this.handleEdit} ref={this.setWrapperRef}>
  ...
</Wrapper>
Run Code Online (Sandbox Code Playgroud)

我从这个问题中找到了代码

我在这做错了什么?

javascript dom ref reactjs styled-components

7
推荐指数
1
解决办法
4830
查看次数

如何在 Material UI Stepper Step 中自定义颜色?

我正在尝试在Material UI Steppers上自定义禁用的 Step 颜色

默认颜色为蓝色(启用)+ 灰色(禁用)。但我希望将其更改为如下所示:

在此处输入图片说明

但我似乎无法IconStepLabel. 我已经尝试将 CSS 应用于IconContainer,但特异性还不够。

我的代码在这里可用:https : //codesandbox.io/s/0102v4z1op

蒂亚!

javascript css reactjs material-ui

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

Underscore debounce vs vanilla Javascript setTimeout

我知道debounce在Undercore.js中会返回一个函数,该函数将推迟执行直到等待时间结束.

我的问题是,使用vanilla Javascript中debounce的常规setTimeout函数是否有优势?他们俩都不一样吗?

javascript settimeout delayed-execution underscore.js lodash

5
推荐指数
3
解决办法
4665
查看次数

TypeError:找不到包含在对象中的函数

我使用Google Script的经验很少,但我试图用它来搜索电子表格的一列,并找到字符串"Film Dub"的所有实例(知道每个单元格只能有一个).

以下是我的代码:

    function filmDub() {
      var sheet = SpreadsheetApp.getActiveSheet();
      var data = sheet.getDataRange().getValues();
      for (var i = 1; i < 100; i++) {
        var s = data[i][2].toString();
        if (s.includes('Film Dub')) {
          data[5][13]++;
        }
      }
    }
Run Code Online (Sandbox Code Playgroud)

但是我一直收到错误

TypeError: Cannot find function includes in object Let's Make A Date, Film Dub, Three Headed Broadway Star, Film TV Theater Styles, Greatest Hits, World's Worst. (line 6, file "Code")

" 让我们制作一个日期,电影配音,三首百老汇明星,电影电视剧风格,最精彩的点击,世界上最糟糕的 "是正确的内容,data[i][2]因此它从电子表格中获取正确的信息.我在Google Script Editor中使用了调试器来验证这s是一个字符串(这是Stack Overflow上类似问题的解决方案之一),但这并没有解决我的问题.还有什么可能是错的?

javascript google-sheets google-apps-script

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

如何按视口大小将 Bootstrap 行转换为列

我的布局看起来像lg这样sm

在此输入图像描述

我希望相同的 div 成为 rowslg和 cols sm。有没有办法在不使用完全不同的 div 的情况下做到这一点?我想出的解决方案是:

.box-a.row.visible-lg.hidden-sm
.box-b.row.visible-lg.hidden-sm
.box-c.row.visible-lg.hidden-sm

.box-a.col-sm-4.visible-sm.hidden-lg
.box-b.col-sm-4.visible-sm.hidden-lg
.box-c.col-sm-4.visible-sm.hidden-lg
Run Code Online (Sandbox Code Playgroud)

但正如我所说,这涉及冗余代码。有没有办法以更清洁的 DRYer 方式做到这一点?

html css twitter-bootstrap twitter-bootstrap-3

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

Javascript分析脚本不容易受到简单的数据攻击吗?

在生产环境中,基于Javascript的分析脚本(Google Analytics,Facebook Pixel等)将以简单的Javascript注入大多数Web应用程序以及唯一ID /像素ID.

例如,airbnb使用Google Analytics.我可以打开我的开发控制台并运行

setInterval(function() {ga('send', 'pageview');}, 1000);

这将导致每1秒钟一次请求分析像素.那是我的机器每小时3600个请求.

现在,这可以轻松地以分布式方式完成,每秒产生数百万个请求,完全扭曲了pageview事件的Google Analytics数据.我知道收集到的大量数据会在一定程度上纠正这种偏差,但这可以通过提高请求数量来轻松补偿.

我的问题是:是否有任何保护措施可以防止竞争对手或恶意个人以这种方式破坏应用程序的数据完整性?GA或Facebook是否提供此类选项?

javascript analytics facebook google-analytics data-integrity

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

如何在不重新启动进程的情况下更新进程中的 ENV 变量(NodeJS)?

我有一台在 NodeJS 上运行的服务器。有没有办法在不重启服务器的情况下更新进程中的环境变量?

我想做的是:

  1. 启动我的服务器 npm start
  2. type something into the console to update ENV variable
  3. 服务器使用新的环境变量重新启动

shell terminal restart process node.js

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

“修复所有可自动修复的问题”并没有解决尽可能多的问题 vscode-eslint

很多时候,当我尝试在我的 Javascript 文件上运行, Fix all auto-fixable issues命令时,应用程序会进入一个永无止境的循环移动选项卡/空格,但从来没有真正得到满足:

可自动修复

.eslintrc.js的如下:

const fs = require('fs');

const prettierOptions = JSON.parse(fs.readFileSync('./.prettierrc', 'utf8'));

module.exports = {
  parser: 'babel-eslint',
  extends: ['airbnb', 'prettier', 'prettier/react'],
  plugins: ['prettier', 'redux-saga', 'react', 'jsx-a11y'],
  env: {
    browser: true,
    node: true,
    jest: true,
    es6: true,
  },
  parserOptions: {
    ecmaVersion: 6,
    sourceType: 'module',
    ecmaFeatures: {
      jsx: true,
    },
  },
  rules: {
    'prettier/prettier': ['error', prettierOptions],
    'arrow-body-style': [2, 'as-needed'],
    'class-methods-use-this': 0,
    'comma-dangle': [2, 'always-multiline'],
    'import/imports-first': 0,
    'import/newline-after-import': 0,
    'import/no-dynamic-require': 0,
    'import/no-extraneous-dependencies': 0,
    'import/no-named-as-default': …
Run Code Online (Sandbox Code Playgroud)

javascript eslint visual-studio-code vscode-extensions vscode-eslint

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

我如何为我的 npm 安装计时?

我想看看npm install完成安装所有依赖项需要多少时间。有没有办法让我在本地(在 npm 中)或使用某些第三方插件来计时这个过程?我试过 * npm i --verbose * npm i --silly * slow-deps(分析你的 npm 包的第三方库)

slow-deps给了我一个不错的结果,但我不确定它的准确性,因为它不作为npm install过程的一部分运行。

有没有其他方法可以准确地npm install过程进行时间分析?我正在寻找这样的输出(来自 Yarn 的输出屏幕截图):

在此处输入图片说明

performance profiler dependency-management node.js npm

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

在单页应用程序中有多个文件的情况下,Javascript 异步延迟执行顺序

我正在尝试提高我的页面的页面加载性能,这是在 EmberJS 上实现的。

我正在考虑在我们的 Javascript 文件上使用asycdefer。所有其他优化都已经完成(将脚本移动到页面底部,添加asyncdefer分析标签等)。

现在,根据ember-cli规范,生成的index.html有两个脚本标签——一个供应商 JS 文件和一个应用程序 JS 文件。

如果我要实现asyncand defer,我需要确保我的应用程序 JS 文件之前加载我的供应商JS 文件,以确保后者具有初始化应用程序所需的所有代码。

我知道当使用asyncanddefer定义时,获取和解析脚本的顺序是不同的,如定义here

在此处输入图片说明

我的问题是这样的:

如果在同一个页面中有多个 JS 文件,有没有办法按照规定的顺序获取和执行它们?我正在寻找异步请求中的回调/承诺之类的东西,但就实际script标签本身而言。

html javascript performance asynchronous deferred

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