小编Sal*_*lar的帖子

目前遇到这个确切的问题:

FileA:
var b = require file B
var c = require file C

FileB:
var a = require file A

FileC:
var a = require file A

当我运行代码时,我在文件C中收到错误:

A.doSomething is not a function

在那里抛出一个调试器,看到A是一个空对象.什么是真正奇怪的是,我只获得了在文件C错误,而不是文件B.超级困惑在这里.

在玩Babel和Webpack的时候,我偶然发现了一些非常奇怪的行为.

我向我扔了一个调试器, main.js看看我是否正确导入,但Chrome的控制台一直在大喊我试图导入的模块没有定义.我尝试控制台记录相同的模块,我看到它打印到我的控制台.

是什么赋予了？我已粘贴下面的相关代码段:

main.js

import Thing from './Thing.js';

debugger // if you type Thing into the console, it is not defined

console.log(new Thing()); // if you let the script finish running, this works

thing.js

class Thing {
}

export default Thing;

webpack.config.js

var path = require('path');
module.exports = {
    entry: './js/main.js',
    output: {
        path: __dirname,
        filename: 'bundle.js'
    },
    module: {
        loaders: [
            { test: path.join(__dirname, 'js'), loader: 'babel-loader' }
        ]
    }
};

JSBin:http://jsbin.com/IwoDahe/1/edit？html,css,js,output

上下文

我正在尝试创建一个"智能"div,它知道鼠标来自哪里,并从那一侧滑动信息.退出时,它应该在退出的方向上滑动信息.

当鼠标移动缓慢时,这非常容易,因为您可以使用.hover()和.slideToggle()来有效捕获和操纵鼠标移动.

但是,当用户非常快地移动鼠标时,slideToggle()函数会在动画时阻止mouseleave的侦听器.(这意味着即使在mouseleave之后,信息仍然会留在div中.)我已经使用了CSS:hover pseudoselector,但我仍然遇到了一个问题:

问题

当鼠标输入的一侧与鼠标最后退出的一侧不同时,信息从退出的一侧滑入,而不是从输入的一侧滑入.看看JSBin,如果我说的话听起来像完全胡言乱语.

我的想法是,在mouseenter上,将信息div移动到它应该进入的一侧,然后应用伪选择器.问题是,CSS伪选择器比JS更快.

测试

准备:在JSBin中扩展屏幕,使div形成4square.

它不工作时:从顶部输入div.信息滑下来.向左出口.信息幻灯片左.从顶部进入.信息将从左侧向下滑动.此外,是的甚至初始入口是错误的.

它正在工作时:从左侧输入div.信息从左侧滑入.退出顶部.信息滑起来.从左边重新进入.信息从左边再次滑动.