小编Mar*_*ahn的帖子

CSS3从动画过渡到正常状态

我有一个相当基本的“颜色脉冲”动画,当您将鼠标悬停在某个东西上时,它会从白色变成蓝色。除一件事外,此方法工作正常-当我卸下鼠标时,它会立即恢复为白色。我试图弄清楚如何使其褪色为白色,但到目前为止还没有运气。

手写笔代码:

@-webkit-keyframes pulse
    0%
        background #FFF
    50%
        background #88B1DA
    100%
        background #FFF

.scaffolding
    background    #FFF
    transition    background 0.5s linear

    &:hover
        animation pulse 2s linear infinite;
Run Code Online (Sandbox Code Playgroud)

css css3 css-transitions css-animations

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

在元素数组上反应事件监听器

我的React渲染函数最终渲染了一组元素:

data.map((element) => {
  return <Object onChange={this.onObjectChange} />;
});
Run Code Online (Sandbox Code Playgroud)

我的问题是,onChange当我收到回调时,找出哪个对象调用了其方法的合适方法是什么?

javascript reactjs

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

打字稿只复制函数参数而不是返回类型

我有一些 util 方法,我想知道是否有办法将参数从一种方法复制到另一种方法。我正在玩弄typeof并尝试以这种方式键入第二个函数,但我无法弄清楚。

declare function foo(a: number, b: string): number;
Run Code Online (Sandbox Code Playgroud)

现在我想要一个类型barfoo's 参数,但不是返回类型,例如假设它调用 foo 但不返回任何内容:

const bar = (...args) => { foo(...args); }
Run Code Online (Sandbox Code Playgroud)

现在我可以声明bar具有与以下完全相同的类型foo

const bar: typeof foo = (...args) => { foo(...args); }
Run Code Online (Sandbox Code Playgroud)

但现在返回类型不匹配。那么我该怎么做:

  • 只需复制参数签名
  • 更改我从中获得的返回类型 typeof foo

typescript

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

让IE用文字字符串"$ 0"替换正则表达式

我正在使用美元金额替换正则表达式中的一堆值.问题是在IE中,如果我尝试用一​​定量的$0(或理论上的$1- $9)替换,那么替换永远不会发生,因为它试图替换一个不存在的组:

'foo'.replace(/f/g, '$0');
Run Code Online (Sandbox Code Playgroud)

我希望替换的结果是"$ 0oo",它在Chrome&FF中,但不是IE9(没有尝试过其他版本的IE).

Chrome和FF有以下"问题",因为我无法弄清楚如何用文字替换$1:

'foo'.replace(/(f)/g, '$1')
Run Code Online (Sandbox Code Playgroud)

javascript regex replace

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

-webkit-perspective背后的数学是什么?

"简单"的问题,我无法找到答案 - -webkit-perspective实际上在数学上做了什么?(我知道它的效果,它基本上就像一个焦距控制)例如,是什么-webkit-perspective: 500意思?!?

我需要找到被移动的东西的屏幕位置,除其他外, -webkit-perspective

css css3 css-transforms webkit-perspective

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

在iOS5中自动播放HTML5音频/视频

我有一个HTML5网络应用程序,有声音效果.我试图让这些效果在iOS5中运行,但不能用于我的生活.

想知道是否有人在iOS5中有任何解决方法来控制HTML5音频/视频控制.

甚至可以通过一次点击控制多个音频文件.就目前而言,如果我有10个声音效果,我需要10个用户点击来控制所有声音,这是荒谬的!

javascript html5 html5-video html5-audio

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

节点 __dirname, process.cwd() 报告实际目录而不是符号链接的目录

“简单”问题——我试图获取节点脚本目录的路径,但是当我从符号链接目录运行时,我不断获取物理文件的路径而不是符号链接结构的路径。如何获得符号链接路径?

/path/to/symlink --> /path/to/real

/path/to/symlink> node echo.js

# echo.js
console.log( __dirname );     // /path/to/real
console.log( process.cwd() ); // /path/to/real
Run Code Online (Sandbox Code Playgroud)

[编辑] 只是为了澄清我自己的理智:

$ mkdir test
$ cd test
test$ mkdir a
test$ ln -s a b
test$ cd b
b$ node
> process.cwd()
'/test/a'
Run Code Online (Sandbox Code Playgroud)

javascript node.js

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

反应中是否有状态突变观察者?

tl;dr——我想在组件状态改变时触发回调


我有一个组件,它会发生变异this.props.itemsthis.props.onChange在每次变异时触发。我目前正在做这样的事情:

removeItem(ix) {
  const items = this.state.items.slice();
  items.splice(ix, 1);
  this.setState({ items });
  this.triggerOnChange();
}
Run Code Online (Sandbox Code Playgroud)

我想知道是否可以删除手动调用triggerOnChange,而是在this.state.items更新时进行

javascript reactjs

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

typescript:`{key():type}`vs`{key:()=&gt; type}`

一位同事刚刚在PR中编写了此代码,但令我惊讶的是,因为我从未见过该语法。

这些之间有什么区别吗?

type x = {
    foo(): void;
    bar: () => void;
}

const x: x = {
    foo: () => { },
    bar: () => { }
}
Run Code Online (Sandbox Code Playgroud)

游乐场链接

typescript

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

ts:导出默认功能组件

只是想知道我是否可以在不单独声明的情况下做到这一点const

const MyComponent: React.SFC<props> = () => {};
export default MyComponent
Run Code Online (Sandbox Code Playgroud)

我想要这样的东西:

export default (MyComponent: React.SFC<props>) = () => {};
Run Code Online (Sandbox Code Playgroud)

但我无法弄清楚语法

javascript typescript reactjs

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