前端模块化实践——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.其次就是各文件的相对路径问题。最好用这种（"./"）而不是这种（"../"）我本身测试的后面这种，是加载不进来的！

下面是针对上面的文件结构的调用！

 

 

 

 

 

表达能力有限！！各位看官莫怪！之后会慢慢好起来的！！