小编D.j*_*nis的帖子

我在 MDN 上查看了 textContent 和 insideText 之间的区别。它向我展示了一些让我很困惑的东西。

1.innerText 能够识别样式，并且不会返回隐藏元素的文本，而 textContent 会。（没问题，完全理解）

2.由于innerText能够识别CSS样式，因此它将触发回流，而textContent则不会。（为什么？）

我试图使用react-router和ReactTransitionGroup来产生导航效果（页面幻灯片，而路线更改）。

但是，它容易出错且很丑陋（为定义向哪个方向滑动以及删除/添加类以使过渡工作变得很有逻辑）。

我怀疑是否有任何不错的插件可以使用。

这是我的代码，是受移动Web应用程序/ PhoneGap Apps的硬件加速页面转换启发的。

const keyHistory = [];

let dir = 0;

const PageMixin = {
    componentWillAppear(cb) {
        keyHistory.push(this.props.location.key);

        let $el = $(ReactDom.findDOMNode(this));

        $el.addClass(pageStyles.right);

        $el.one('transitionend', () => {
            $el.removeClass(`${pageStyles.right} ${pageStyles.active}`);
            cb();
        });

        requestAnimationFrame(() => {
            $el.addClass(`${pageStyles.active} ${pageStyles.center}`);
        });
    },

    componentWillEnter(cb) {
        let key = this.props.location.key,
            len = keyHistory.length; 
        if (key === keyHistory[len - 2]) {
            keyHistory.pop();
            dir = -1;
        } else {
            keyHistory.push(key);
            dir = 1;
        }

        const fromDir = dir === -1 ? …