第一次接触JS require.js模块化工具
随着网站功能逐渐丰富，网页中的js也变得越来越复杂和臃肿，原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式，我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。
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="a.js"></script> </head> <body> <span>body</span> </body> </html>
a.js:
function fun1(){
alert("it works");
}
fun1();
可能你更喜欢这样写
(function(){
function fun1(){
alert("it works");
}
fun1();
})()
第二种方法使用了块作用域来申明function防止污染全局变量，本质还是一样的，当运行上面两种例子时不知道你是否注意到，alert执行的时候，html内容是一片空白的，即<span>body</span>并未被显示，当点击确定后，才出现，这就是JS阻塞浏览器渲染导致的结果。
requirejs写法
当然首先要到requirejs的网站去下载js -> requirejs.rog
index.html:
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="require.js"></script> <script type="text/javascript"> require(["a"]); </script> </head> <body> <span>body</span> </body> </html>
a.js:
define(function(){
function fun1(){
alert("it works");
}
fun1();
})
浏览器提示了"it works"，说明运行正确，但是有一点不一样，这次浏览器并不是一片空白，body已经出现在页面中，目前为止可以知道requirejs具有如下优点：
1、防止js加载阻塞页面渲染
2、使用程序调用的方式加载js，防出现如下丑陋的场景
<script type="text/javascript" src="a.js"></script> <script type="text/javascript" src="b.js"></script> <script type="text/javascript" src="c.js"></script> <script type="text/javascript" src="d.js"></script> <script type="text/javascript" src="e.js"></script> <script type="text/javascript" src="f.js"></script> <script type="text/javascript" src="g.js"></script> <script type="text/javascript" src="h.js"></script> <script type="text/javascript" src="i.js"></script> <script type="text/javascript" src="j.js"></script>
以上就是本文的全部内容，希望对大家认识require.js模块化工具有所帮助。
-
本文向大家介绍第一次接触Bootstrap框架，包括了第一次接触Bootstrap框架的使用技巧和注意事项，需要的朋友参考一下 关于Bootstrap，话不多说，直接进入主题： 安装 可以通过bootstrap官方网站下载安装 可以通过Bower安装（关于bower一种包管理器，本文不做详解） bower install bootstrap 可以通过npm安装（关于npm可以阅读） npm ins
-
本文向大家介绍Android自定义ViewGroup之第一次接触ViewGroup，包括了Android自定义ViewGroup之第一次接触ViewGroup的使用技巧和注意事项，需要的朋友参考一下 整理总结自鸿洋的博客：http://blog.csdn.net/lmj623565791/article/details/38339817/ 一、com.cctvjiatao.customviewg
-
本文向大家介绍Bootstrap开发实战之第一次接触Bootstrap，包括了Bootstrap开发实战之第一次接触Bootstrap的使用技巧和注意事项，需要的朋友参考一下 本文我们主要了解一下 Boostrap 历史、特点、用途，以及为什么选择 Boostrap 来开发我们的 Web 项目。 学习要点： 1.Bootstrap 概述 2.Bootstrap 特点 3.Bootstrap 结构
-
本文向大家介绍第一次接触神奇的Bootstrap菜单和导航，包括了第一次接触神奇的Bootstrap菜单和导航的使用技巧和注意事项，需要的朋友参考一下 本篇将主要介绍Bootstrap的菜单、导航。 本篇开始将引入javascript相关文件，如下： <!-- 放置在body标签结尾处，使页面加载速度更快 --> <!-- 如果要使用Bootstrap的js插件，必须先调入jQuery --> <
-
你可以认为OCaml分成了两部分：一个是核心语言，聚焦于值和类型，一个是模块语言，聚焦于模块和模块签名。这些子语言是分层的，模块中可以包含类型和值，但是普通的值不能包含模块或模块类型。这意味着你不能定义一个值为模块的变量，或一个接收一个模块作为参数的函数。 围绕这种层次，OCaml以 第一类模块的形式提供一种方法。第一类模块是普通的值，可以从普通模块创建，也可以转回普通模块。 第一类模块是一种复杂
-
模块是 Perl 里重复使用的基本单元。在它的外皮下面，它只不过是定义在一个同名文件 （以.pm结尾）里面的包。本章里，我们将探究如何使用别人的模块以及创建你自己的 模块。 Perl 是和一大堆模块捆绑在一起安装的，你可以在你用的 Perl 版本的 lib 目录里找到 它们。那里面的许多模块将在第三十二章，标准模块，和第三十一章，用法模块里描述。 所有标准模块都还有大量的在线文档，很可能比这本书更