RequireJS¡¢SeaJSµÄÇø±ð

µ¼Óï ÒýÓÃ×ÔÖªºõ£¨Â¬²ª£©1 RequireJSµÄÒ첽ģ¿é¼ÓÔØÓ­ºÏÁËä¯ÀÀÆ÷¶ËJS³ÌÐòÔ±¹ÌÓеÄÒ첽˼ά£¬Ñ§Ï°³É±¾µÍ--------------------------------Sea jsµÄÖ÷Ò³ÖÐдµ½£ºSea js ×ñÑ­ CMD ¹æ·¶£¬¿ÉÒÔÏñ Node js Ò»°ãÊéдģ
ÒýÓÃ×ÔÖªºõ£¨Â¬²ª£©

1. RequireJSµÄÒ첽ģ¿é¼ÓÔØÓ­ºÏÁËä¯ÀÀÆ÷¶ËJS³ÌÐòÔ±¹ÌÓеÄÒ첽˼ά£¬Ñ§Ï°³É±¾µÍ
--------------------------------
Sea.jsµÄÖ÷Ò³ÖÐдµ½£º
  • Sea.js ×ñÑ­ CMD ¹æ·¶£¬¿ÉÒÔÏñ Node.js Ò»°ãÊéдģ¿é´úÂë
  • ÒÀÀµµÄ×Ô¶¯¼ÓÔØ¡¢ÅäÖõļò½àÇåÎú£¬¿ÉÒÔÈÃÎÒÃǸü¶àµØÏíÊܱàÂëµÄÀÖȤ
Á½ÄêÇ°£¬ÎÒ¿´µ½Sea.jsÕâÑùµÄ×ÔÎÒÃèÊö£¬µÚÒ»¸Ð¾õÊÇ£ºÎªÊ²Ã´ä¯ÀÀÆ÷µÄJS±à³ÌºÍNodeJSÏà·Â¾ÍÊÇÓÅÑÅÄØ£¿

ÄÇô£¬À´ÌÖÂÛRequireJSºÍSea.jsµÄѧϰ³É±¾ÎÊÌâ

ÈçRequireJSÖÐÒÀÀµÄ£¿é£º
require(['jquery','´´½¨ÁËÈ«¾Ö±äÁ¿µÄmodule'],function($,b){
	//¼ÈÈ»ÎÒÔÚ¿ªÍ·Ã÷È·ÉùÃ÷ÒÀÀµÐèÇó£¬ÄÇ¿ÉÒÔÈ·¶¨ÔÚÖ´ÐÐÕâ¸ö»Øµ÷º¯Êýʱ£¬ÒÀÀµ¿Ï¶¨ÊÇÒѾ­Âú×ãÁË
	//ËùÒÔ£¬·ÅÐĵØʹÓðÉ
})

¶øSea.jsÖбíÏÖΪ£º
define(function(require,exports,modules){
	var $ = require('jquery')
	$.get('http://www.zhihu.com')
	//´«Í³JS³ÌÐòÔ±µÄ˼ά£º
	//“ß×£¬ºÃÉñÆ棬JS¼ÓÔز»Ó¦¸ÃÊÇÒì²½µÄô£¬ÔõôÎÒһ˵ҪÒÀÀµ£¬jquery¾Í×Ô¼ºÌø³öÀ´ÁË£¿”
})

ËùÒÔ£¬ÊÇ“ÀíËùÓ¦µ±”ÈÝÒ×Àí½â£¬»¹ÊDZäħÊõÈÝÒ×Àí½âÄØ£¿

2. RequireJSµÄʵÏÖ·½Ê½·ûºÏJSÒ»°ãÖ´ÐÐÁ÷³Ì
--------------------------------
µ±ÎÒÃÇ¿´µ½RequireJSµÄ½Ó¿Ú£¬
require(['a','b'],function(){
//Do something
})
ʵ¼Ê×öµÄÊÂÇéÊÇ£º
  1. requireº¯Êý¼ì²éÒÀÀµµÄÄ£¿é£¬¸ù¾ÝÅäÖÃÎļþ£¬»ñÈ¡jsÎļþµÄʵ¼Ê·¾¶
  2. ¸ù¾ÝjsÎļþʵ¼Ê·¾¶£¬ÔÚdomÖвåÈëscript½Úµã£¬²¢°ó¶¨onloadʼþÀ´»ñÈ¡¸ÃÄ£¿é¼ÓÔØÍê³ÉµÄ֪ͨ¡£
  3. ÒÀÀµscriptÈ«²¿¼ÓÔØÍê³Éºó£¬µ÷Óûص÷º¯Êý
ÒÔÉϲ½ÖèÊÇÈÝÒ×ÏëÏóµÄ

¶øSea.jsÔÚµ÷ÓÃ
define('a',function(require,exports,modules){
	var b = require('b')
})
ʱ£¬
  1. ͨ¹ý»Øµ÷º¯ÊýµÄFunction.toStringº¯Êý£¬Ê¹ÓÃÕýÔò±í´ïʽÀ´²¶×½ÄÚ²¿µÄrequire×ֶΣ¬ÕÒµ½require('jquery')ÄÚ²¿ÒÀÀµµÄÄ£¿éjquery
  2. ¸ù¾ÝÅäÖÃÎļþ£¬ÕÒµ½jqueryµÄjsÎļþµÄʵ¼Ê·¾¶
  3. ÔÚdomÖвåÈëscript±êÇ©£¬ÔØÈëÄ£¿éÖ¸¶¨µÄjs£¬°ó¶¨¼ÓÔØÍê³ÉµÄʼþ£¬Ê¹µÃ¼ÓÔØÍê³Éºó½«jsÎļþ°ó¶¨µ½requireÄ£¿éÖ¸¶¨µÄid£¨ÕâÀï¾ÍÊÇjqueryÕâ¸ö×Ö·û´®£©ÉÏ
  4. »Øµ÷º¯ÊýÄÚ²¿ÒÀÀµµÄjsÈ«²¿¼ÓÔØ£¨Ôݲ»µ÷Óã©Íêºó£¬µ÷Óûص÷º¯Êý
  5. µ±»Øµ÷º¯Êýµ÷ÓÃrequire('jquery')£¬¼´Ö´Ðаó¶¨ÔÚ'jquery'Õâ¸öidÉϵÄjsÎļþ£¬¼´¿ÌÖ´ÐУ¬²¢½«·µ»ØÖµ´«¸øvar b
ÕâÖÖÓÃÕýÔò±í´ïʽ²¶×½requireÄÚ²¿ÒÀÀµÄ£¿éµÄ·½Ê½£¬Ê¹µÃÎÞ·¨ÀûÓÃÉÐδִÐеĻص÷º¯ÊýÖеÄjsÔËÐл·¾³£¬µ¼ÖÂrequireº¯ÊýµÄÄÚ²¿Ö»Äܽ«ÒÀÀµµÄÄ£¿éÃû³ÆÓ²±àÂ룬¾Í²»ÄÜдÏÂÃæÕâÑùµÄ´úÂëÁË
define('a',function(require,exports,modules){
    var b = require('Us'+'er')
})
¶øÖ»ÄÜд³É
define('a',function(require,exports,modules){
    var b = require('User')
})
¶øÒÔÉÏSea.js×î¸ù±¾µÄÔ­ÀíÔÚSea.jsµÄÎĵµÖоÓÈ»ºÁÎÞ×ÙÓ°£¡
“Äã±äÁ˾«²ÊµÄħÊõ£¬ÎÒÃÇ»áΪÄãºÈ²Ê¡£µ«ÄãÏëÈÃÎÒÃÇÐÅÈÎÄ㣬ÄãµÃÖ÷¶¯½âÊÍħÊõµÄ°ÂÃØ¡£·ñÔòÎÒ»á¾õµÃ×Ô¼º±»Ë£ÁË¡£”

ËùÒÔ¾ÍÒýÀ´ÁËÏÂÒ»Ìõ£º

3. Sea.jsµÄÎĵµÁ¢×ã¸ß¶È¸ß£¬Î´Ìá¼°Öصãϸ½Ú
--------------------------------
ÆäʵÈç¹ûÏñÉÏÒ»¶ÎÒ»Ñù£¬½«Sea.jsµÄºËÐÄÔ­Àí½øÐмòµ¥½âÊÍ£¬Óлù±¾ÖªÊ¶µÄJS³ÌÐòÔ±´ó¸ÅÊÇ¿ÉÒÔ“Îå·ÖÖÓÉÏÊÖSea.js”µÄ£¬µ«ÔÚ¹Ù·½ÎĵµÖУ¬ÕâЩ¶¼Ö»×Ö²»Ìá¡£

Sea.js - ¹Ù·½Îĵµ ÖпªÊ¼ÔÚ½²Òª½â¾öµÄÎÊÌâºÍÎÊÌâ½â¾öºóµÄ¼ÛÖµ£¬OK£¬ÄÜ¿ªÊ¼ÓÐÒâʶ³¢ÊÔʹÓÃSea.jsµÄJS³ÌÐòÔ±Ïë±ØÊÇÓöµ½Ä£¿é´í×Û¸´ÔÓµÄÎÊÌâÐèÒª½â¾öÁË¡£

È»ºó¸øÁË¿´ÆðÀ´Í¬²½¼ÓÔصģ¬ÏԵúÜħÊõµÄʾÀý´úÂ루“ÍÛ£¬ºÃÀ÷º¦µÄ¸Ï½Å£¡´óÅ££¬ËùÒÔÕâÊÇÔõô×öµ½µÄÄØ£¿”£©
// ËùÓÐÄ£¿é¶¼Í¨¹ý define À´¶¨Òå
define(function(require, exports, module) {

  // ͨ¹ý require ÒýÈëÒÀÀµ
  var $ = require('jquery');
  var Spinning = require('./spinning');

  // ͨ¹ý exports ¶ÔÍâÌṩ½Ó¿Ú
  exports.doSomething = ...

  // »òÕßͨ¹ý module.exports ÌṩÕû¸ö½Ó¿Ú
  module.exports = ...

});

½ÓמÍÖ±½Ó¿ª½²APIºÍÔ¼¶¨ÁË¡££¨“Ë­À´ÕÕ¹ËÏÂÎҵĺÃÆæÐÄÄØ£¡ËµºÃµÄÎÒ½ñÌì¶ÔÄã°®Àí²»Àí£¬Ã÷ÌìÄãÈÃÎÒ¸ßÅʲ»ÆðÄØ£¡”£©

ÕâÖָоõºÃÏñÊÇÊýѧÀÏʦ¸Õ¸Õ»¹ÔÚ½²Î¢»ý·ÖµÄÀúÊ·ÑظPÆäÖØÒªÐÔ£¬µÍÍ·¿´ÁËÑÛÊÖ»ú£¬Ì§ÆðÍ·¾ÍÒѾ­ÔÚ½²ÈýÖØ»ý·ÖÁËÄØ£¡£¨ÎæÁ³£©

ÕâÒ²ÊÇÎÒͨƪ³äÂúÁ˶Ô×÷ÕßµÄÔ¹ºÞµÄÔ­Òò¡£µ±Ê±³õÎÅSea.js£¬·¢ÏÖÊǹúÈ˵Ä×÷Æ·Ò®£¬¶÷£¬ÍøÉÏÆÀ¼Û²»´í£¬Á¢Âíѧϰ£¬Ã»ÓÐÀíÓɵØÏë´ÓRequireJSǨÒƵ½Sea.js£¨RequireJSÔÚÒ»±ßÎÊ£º“ÎÒ×ö´íʲôÁËÂð£¿×ö´íÁËÎÒ¸ÄÂ©¡£µ«¿´Îĵµ³¢ÊÔÔĶÁÁ˺ü¸´Î£¨Ã»Óп´´úÂ룬ÂîÎÒ°É£©£¬»¹ÊǾõµÃºÜħÊõ£¬¾õµÃÊÇÎíÀï¿´»¨¡£
½ñÌì²»Öª´ÓÄÄÀïî©ÁËÒ»ÑÛ£¬ËµÊÇSea.jsͨ¹ýÕýÔò±í´ïʽÀ´Õһص÷º¯ÊýÄÚÈÝÖеÄrequireÀ´È·¶¨¼ÓÔصĺ¯Êý£¬È»ºóÒ»¿´´úÂë¹ûÈ»ÊÇ£¬¶Ùʱ»ð´ÓÐÄȼ£¬²»Ð´ÆªÎÄÕÂͲ۾ø²»ÄÜÃð»ð£¨ÏëÏóÅ×ÆÞÆú×Ó×·Ñ°Õæ°®£¬×îÖÕ·¢ÏÖÕæ°®Ô­ÊDz©°®µÄ¸Ð¾õ£©¡£

¼¼ÊõÎĵµÓ¦µ±ÇÐÖÐÒªº¦£¬½ÚÔ¼¶ÁÕßʱ¼ä£¬¶ø²»ÊǹÊ×÷Éî³Á¡£½«¼òµ¥µÄ¸´ÔÓ»¯ÔõôҲ²»Ó¦¸ÃÊdzÌÐòÔ±µÄ×÷·ç¡£

“ΪÊÀ½çºÍƽÎȶ¨£¬¼ÒÍ¥µÄÐÒ¸£¿ìÀÖ”²»ÄÜÍ£ÁôÔÚ×ìÉÏ˵˵£¬×îÖÕÒªÂ䵽ʵ´¦¡£

4. Sea.js²¿ÊðÓÅ»¯¹¤¾ßÉÐδÍêÉÆ
--------------------------------
ºÃ°É£¬ÕâÊÇÌý´ó¼ÒÔÚÉÏÃæ˵µÄ£¬ÎÒûÔõôÓÃSea.js£¬»¹Ã»Óöµ½ÕâÑùµÄÎÊÌâ

×îºóÏë¶Ô @ÀîÒĻشðÖУ¬¹ØÓÚÀÁ¼ÓÔصIJ¿·Ö±í´ïÏÂÎÒµÄÀí½â

LazyLoadµÄÓÅÊÆÌåÏÖÔÚ£º½öµ±×ÊÔ´ÐèÒª±»Ê¹ÓÃÇ°¼ÓÔØ×ÊÔ´¡£ÔÚRequireJSºÍSea.jsÖбíÏÖΪ£¬Ôڻص÷º¯Êýµ÷ÓÃÇ°¼ÓÔØjs½Å±¾×ÊÔ´¡£

RequireJSºÍSea.jsÔÚ×ÊÔ´¼ÓÔصÄʱ¼äµã¶¼ÊÇÒ»ÑùµÄ£¬ËùÒÔÂÛ“ÀÁ”µÄ³Ì¶È¶¼ÊÇÒ»ÑùµÄ¡£²î±ð½ö½öÔÚÓÚ¼ÓÔصĽű¾Ê²Ã´Ê±ºòÖ´ÐС£RequireJSµÄÒÀÀµÄ£¿éÔڻص÷º¯ÊýÖ´ÐÐÇ°Ö´ÐÐÍê±Ï£¬¶øSea.jsµÄÒÀÀµÄ£¿éÔڻص÷º¯ÊýÖ´ÐÐrequireʱִÐС£

¶ø»Øµ÷º¯ÊýÏ£ÍûʵÏÖµÄÄ¿±ê¾ÍºÃ±È“ÊÂÎñµÄÔ­×ÓÐÔ”£¬½öµ±Õû¸ö»Øµ÷º¯Êý½áÊø²ÅËãÍê³ÉÁËÄ¿±ê¡£ÄÇô¼ÈÈ»Õû¸ö»Øµ÷º¯ÊýµÄÖ´ÐÐʱ¼äÊǺ㶨µÄ£¬ÄÇô¸öÈËÈÏΪ½Å±¾¼ÓÔصÄʱ¼äµ½µ×ºÄ·ÑÔڻص÷Ç°»¹Êǻص÷ʱ£¬²¢Ã»Óб¾ÖʵIJî±ð¡£Èç¹û²»ÈÏͬÊÇ·ñ±¾ÖÊÏàͬ£¬ÄÇôÖÁÉÙҲûÓÐË­¸üÀÁµÄÇø±ð¡£

http://www.aseoe.com/ true RequireJS¡¢SeaJSµÄÇø±ð http://www.aseoe.com/show-12-610-1.html report <£¿php echo strlen($content) / 2; ?> ÒýÓÃ×ÔÖªºõ£¨Â¬²ª£©1 RequireJSµÄÒ첽ģ¿é¼ÓÔØÓ­ºÏÁËä¯ÀÀÆ÷¶ËJS³ÌÐòÔ±¹ÌÓеÄÒ첽˼ά£¬Ñ§Ï°³É±¾µÍ--------------------------------Sea jsµÄÖ÷Ò³ÖÐдµ½£ºSea js ×ñÑ­ CMD ¹æ·¶£¬¿ÉÒÔÏñ Node js Ò»°ãÊéдģ
TAG:RequireJS SeaJS
±¾Õ¾»¶Ó­ÈκÎÐÎʽµÄתÔØ£¬µ«ÇëÎñ±Ø×¢Ã÷³ö´¦£¬×ðÖØËûÈËÀͶ¯³É¹û
תÔØÇë×¢Ã÷£º ÎÄÕÂתÔØ×Ô£º°®Ë¼×ÊÔ´Íø http://www.aseoe.com/show-12-610-1.html

[Ç°¶Ë²å¼þÍƼö] Plugin

1 2 3 4
  • jQueryʵÏÖÖð×ÖÖð¾äÏÔʾ²å¼þl-by-l.min.js
  • jQuery´ø·½Ïò¸ÐÖªµÄÊó±ê»¬¹ýͼƬ±ß¿òÌØЧ²å¼þ
  • jQuery HotKeys¼àÌý¼üÅÌ°´ÏÂʼþkeydown²å¼þ
  • ÏìӦʽÎÞÏÞÂÖ²¥jQueryÐýתľÂí²å¼þ
ÏìӦʽÎÞÏÞÂÖ²¥jQueryÐýתľÂí²å¼þ
webÇ°¶Ë¿ª·¢
°®Ë¼×ÊÔ´Íø Copyright 2012-2014 Www.Aseoe.Com All rights reserved.(½úICP±¸13001436ºÅ-1)