前端模塊化實踐——seajs的使用

      前段時間，一直在作前端的事，因此或多或少就會用到不少插件！因爲我是一個比較懶得人因此我就想作一次下次就不用寫了！因此插件很適合我，特別是jQuery 這貨給我帶來便利。這其中還用到不少朋友的插件感受很方便，但終究不是按本身的使用習慣寫的。用起來方便的時候 仍是有點比彆扭。因此我就儘可能能本身封裝的就本身封裝的，不能本身封裝的就用別人插件封裝適合本身的使用習慣。在封裝的過程當中，我習慣把本身使用的js放到一個文件中，一個文件中有各類插件，一個css有各類插件須要使用的css。其實這樣我也沒感受有什麼很差，特別是你習慣了jQuery的狀況下，你會發現把別人的插件能到本身的寫的文件裏，是那麼簡單，這樣用起來就方便。

      一開始我就是這樣作的！後面我又想了下，發現不行。這樣咱們這個頁面就會加載不少根本沒用到的插件和css。這樣就會浪費帶寬。我就想到了按需加載。我在網上查找了下資料，最後決定使用seajs 來實現本身的插件庫。下午有時間就在github 上下了個seajs-2.1.1 ，並作了個測試！測試用例來源是http://blog.codinglabs.org/articles/modularized-javascript-with-seajs.html  這個博客寫的很清楚怎麼使用seajs。我測試用的例子也是用的上面的，這裏謝博主了！！

    這個例子我是在 vs2010 上作的（用起來方便）！總的來講，仍是碰到一些問題，在這說明下，以備，後面的人或本身之後使用。

    這是 個人文件結構

     

所遇到的問題。

   1.在 <script src="Scripts/sea/sea.js" id="seajsnode" data-main="./Scripts/src/init"  type="text/javascript"></script> 這句裏的data-main=""初始化是不行的它不能代替use引進。

  2.其次就是各文件的相對路徑問題。最好用這種（"./"）而不是這種（"../"）我本身測試的後面這種，是加載不進來的！

下面是針對上面的文件結構的調用！

 

 

 

 

 

表達能力有限！！各位看官莫怪！之後會慢慢好起來的！！