小编gum*_*mpg的帖子

当有两个文件导入相同的模块时,它似乎共享相同的资源,如下所示:

main.js:

require(['cmdA', 'cmdB'], function(cmdA, cmdB){

})

cmdA.js:

define(function(require, exports){
    console.log('require: cmdA');
    var body = require('body');
});

cmdB.js:

define(function(require, exports){
    console.log('require: cmdB');
    var body = require('body');
});

结果:

require body 
require: cmdA 
require: cmdB 

那么为什么不呢:

require body
require: cmdA
require body
require: cmdB

我认为body.js需要两次,所以控制台输出两次.为什么？

HTML:

#title {
        position: absolute;
    }
#entity {
        position: relative;
        display: none;
        background: white;
    }

<div id="title" contenteditable=true>aaaaa</div>
<div id="entity">bbbb</div>

JavaScript的:

$('#title').focus(function(){
    console.log('focus');
    $('#entity').show();
})
$('#title').click(function(){
    console.log('click');
})

当我点击时#title,结果只有控制台'焦点'.为什么点击事件不会触发？