初始seajs
SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制
SeaJS本身遵循KISS(Keep It Simple, Stupid)理念进行开发
下面来简单定义下对应的模块:
//init.js define(function(require,exports,module){ var m1=require('module1'); exports.initPage = function () {//这里的exports与nodejs里面的含义相似 document.querySelector(".content").innerHTML = m1.run(); } }); //module1.js define(function (require,exports,module){ exports.run = function () { return "somethin' from module1!"; } }); //web page <script src="js/sea.js"></script> <script type="text/javascript"> seajs.use('./js/init, function (init) {//如果这里是相对路径,最好带上./,调用方法还有几种如require和require.async, init.initPage(); }); </script> <body> <p class="content"></p> </body>
<!--这样简单的seajs模块调用就实现了-->
//调用jquery
//myjquery.js
define(
function
(require, exports, module) = {
//把原jquery.js代码copy到此...
module.exports = $.noConflict(
true
);
});
转自:http://www.zhangxinxu.com/wordpress/2013/04/js-mousewheel-dommousescroll-event/