你的位置:首页 > 软件开发 > Java > JS模块化工具requirejs教程(一):初识requirejs

JS模块化工具requirejs教程(一):初识requirejs

发布时间:2016-03-31 23:33:54
随着网站功能逐渐丰富,网页中的js也变得越来越复杂和臃肿,原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式,我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。   RequireJS是一个非常小巧的JavaScript模块载入框架, ...

JS模块化工具requirejs教程(一):初识requirejs

  随着网站功能逐渐丰富,网页中的js也变得越来越复杂和臃肿,原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式,我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。

JS模块化工具requirejs教程(一):初识requirejs

 

  RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一。最新版本的RequireJS压缩后只有14K,堪称非常轻量。它还同时可以和其他的框架协同工作,使用RequireJS必将使您的前端代码质量得以提升。

  requirejs能带来什么好处

  官方对requirejs的描述:

  RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node. Using a modular script loader like RequireJS will improve the speed and quality of your code.

  大致意思:

  在浏览器中可以作为js文件的模块加载器,也可以用在Node和Rhino环境,balabala...。这段话描述了requirejs的基本功能"模块化加载",什么是模块化加载?我们要从之后的篇幅中一一解释

  先来看一段常见的场景,通过示例讲解如何运用requirejs

  正常编写方式

  index.html:

<!DOCTYPE html><html>  <head>    <script type="text/javascript" src='/images/loading.gif' data-original="a.js"></script>  </head>  <body>   <span>body</span>  </body></html>

原标题:JS模块化工具requirejs教程(一):初识requirejs

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。