`

require.js的好处1

 
阅读更多

一个例子就能说明一大好处

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();

 这是调用一个js文件的一般做法

 

require.js的做法是

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”,require.js的情况是肉眼观察弹出框的出现和页面渲染同时进行,因为require调用模块是异步进行的

分享到:
评论

相关推荐

    require.js.rar

    《require.js——JavaScript模块加载与AMD规范解析》 在JavaScript的世界里,随着代码量的增加,管理和组织变得越来越复杂。require.js的出现,为解决这一问题提供了强大的解决方案。require.js是一个小巧但功能...

    require.js插件-text.js使用

    首先,安装text.js非常简单,只需要将它添加到你的项目中,通常与require.js放在同一目录下。如果你使用的是npm,可以通过以下命令进行安装: ```bash npm install requirejs-text --save ``` 然后,在你的配置...

    Javascript模块化编程(Require.js)

    Require.js是JavaScript的一个模块加载器,它引入了AMD(Asynchronous Module Definition)规范,为JavaScript提供了异步加载模块的能力,尤其适合在浏览器环境中处理大量依赖关系。 在JavaScript中,早期的编程...

    require.js文件

    require.js用于模块化管理javascript的管理工具,非常实用

    Node.js-基于require.js的Node打包方案

    1. **使用r.js工具**:`require.js`提供了一个叫做`r.js`的优化工具,它可以将多个JavaScript文件合并成一个文件,以减少HTTP请求,提高页面加载速度。在Node.js场景下,`r.js`也可以用来编译和打包`require.js`模块...

    require.js学习指南

    require.jsrequire.jsrequire.jsrequire.jsrequire.jsrequire.js

    require.js最新版2.3.5

    RequireJS不仅提供了模块化管理和异步加载,还支持插件系统,可以通过插件扩展其功能,如优化(r.js)、数据绑定(require-bind-dom)、CSS加载等。这些特性使RequireJS成为构建复杂前端应用的强大工具。 总之,...

    require.js的用法详解

    1. **异步加载**:require.js允许JavaScript文件异步加载,避免浏览器在加载过程中阻塞网页渲染,提高用户体验。传统的HTML中通过`&lt;script&gt;`标签依次加载多个JS文件,会导致浏览器在加载过程中失去响应,而require....

    前端require.js

    **require.js**是一种在前端开发中广泛使用的JavaScript模块化加载框架,主要解决的是JavaScript在浏览器环境中缺乏内置模块化支持的问题。它引入了CommonJS风格的模块化机制,使得JavaScript代码可以像服务器端语言...

    require.js build

    `require.js` 是一个流行的JavaScript模块化加载器,它使得在浏览器端管理JavaScript代码变得更加有序和高效。在HTML5 Boilerplate(一个前端开发基础模板)中整合`require.js`,可以提升项目的构建质量和性能,特别...

    require.js教程

    1. RequireJS的基本使用:RequireJS的使用主要涉及其API的调用,如require(),require.config()等。require()函数用于加载模块,可以在其参数中指定要加载的模块列表和一个回调函数,当所有指定模块加载完成后,回调...

    require+r.js打包

    Require.js是一个流行的AMD(Asynchronous Module Definition)模块加载器,它允许我们在浏览器环境中按需加载JavaScript模块。而r.js是Require.js的一个配套工具,专门用于构建和优化项目,包括合并、打包和压缩JS...

    javascript高级模块化require.js的具体使用方法

    Require.js是一种JavaScript模块加载器,它遵循AMD(异步模块定义)规范,这种规范允许你以异步的方式加载JavaScript模块。它非常小巧,压缩后的大小只有14KB,适合用于管理前端JavaScript模块的加载,能够有效地...

    require-css.js

    在非专业前端开发的工作中(比如使用vuejs开发),免不了要进行模块化,js的加载使用require.js就可以了,但是对于.css文件的加载需要使用插件,在试用了github上提供的require.js后发现不太好用(报错,还得改人家...

    Javascript模块化编程(三)require.js的

    本篇将深入探讨require.js,一个广泛使用的JavaScript模块加载器和异步依赖管理库,尤其适用于大型项目的开发。 require.js的核心概念是AMD(Asynchronous Module Definition),即异步模块定义。它允许我们在脚本...

    基于Require.js使用方法(总结)

    Require.js是一个JavaScript模块加载器,其主要作用是帮助页面管理JavaScript文件的依赖关系,并且能够异步加载JavaScript文件以提高页面加载的性能。使用Require.js的目的是为了解决在浏览器端开发时遇到的两个主要...

    require.js

    一个管理js文件的加载的开源js库,官网地址http://www.requirejs.org/

    使用require.context完成本地图片批量导入

    将我的博客文章(https://blog.csdn.net/IT_interest/article/details/122973985)中的内容用项目实现出来,功能为:使用webpack中的require.context功能,批量导入本地图片,并且可根据需要支持多格式图片导入。...

Global site tag (gtag.js) - Google Analytics