小编ins*_*ive的帖子

无法全局卸载 npm 包 (eslint) OS X

我已经安装了 eslint,我想将其更新到较新的版本。在尝试这样做时,我发现我无法摆脱当前版本的 eslint。

我尝试通过 npm 卸载,但它似乎没有删除命令。

$ eslint -v
v3.0.1
$ npm uninstall -g eslint
<a huge list of eslint node_modules>
$ eslint -v
v3.0.1
Run Code Online (Sandbox Code Playgroud)

我尝试检查命令的来源以及我的全局包的保存位置,但我不确定如何处理这些信息。

$ which eslint
/usr/local/bin/eslint
Run Code Online (Sandbox Code Playgroud)

该文件是 /usr/local/lib/node_modules/eslint/bin/eslint.js 的别名

$ npm list -g
/Users/inspiredtolive/.nvm/versions/node/v7.10.0/lib
<list of packages>
Run Code Online (Sandbox Code Playgroud)

我真正想做的就是安装版本大于或等于 4.9.0 的 eslint。我该怎么办?

npm eslint

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

如何在React中取消和重置CSS动画?

我正在尝试做什么

我有一个精灵表,我用它来制作一些简单的动画。我有一个有两个动画的“播放器”。一种用于攻击,一种用于站立。当前的行为如下:“stand”是默认动画。单击玩家时,会播放“攻击”动画并切换回“站立”。

对于玩家在攻击时被点击的特殊情况,我希望重置动画“攻击”动画。

我的代码

// React Component
class Player extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      timeout: null
    };
  }

  attack(e) {
    if (this.state.timeout) { clearTimeout(this.state.timeout); } 
    var $el = $(e.target);
    $el.css({
      backgroundPosition: '0 220px',
      animationName: 'attack',
      width: '300px'
    });
    this.state.timeout = setTimeout(function() {
      $el.css({
        backgroundPosition: 'left top',
        animationName: 'stand',
        width: '250px'
      });
    }, 2000);
  }

  render () {
    return (
      <div onClick={this.attack.bind(this)} className="player main">{this.props.name}</div>
    );
  }
}


     /* The css */
     .player {
        width: 250px;
        height: 220px; …
Run Code Online (Sandbox Code Playgroud)

javascript css animation reactjs

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

标签 统计

animation ×1

css ×1

eslint ×1

javascript ×1

npm ×1

reactjs ×1