资讯专栏INFORMATION COLUMN

对requirejs的简单整理

FreeZinG / 1314人阅读

摘要:是的一个文件和模块加载器兼容和标准浏览器模块化开发可以重复调用,相对独立动态加载文件主文件入口文件入口文件依赖的文件模块依赖的文件源于源于异步模块定义通用模块定义对于依赖模块,提前执行对于依赖模块,延迟执行推崇依赖前置推崇依赖就近注在从

requirejs

是js的一个文件和模块加载器
兼容IE6+和标准浏览器
模块化开发:可以重复调用,相对独立
动态加载js文件

主文件

//data-main 入口文件 
入口文件
require([],function(){})
//[] 依赖的js文件
模块[]
define([],function(){
    ......
    
    return ...;
})
//[] 依赖的js文件
AMD/CMD
AMD CMD
源于requirejs 源于seajs
异步模块定义(asynchronization module define) 通用模块定义(common module define)
对于依赖模块,提前执行 对于依赖模块,延迟执行
推崇依赖前置 推崇依赖就近

注:在requirejs从2.0开始,也改成延迟执行(根据写法不同,处理方式不同)

js文件的加载顺序

正常加载:解析HTML文件——>下载js文件——>执行js文件——>接着执行HTML文件
问题:若js文件过大,下载过程过长,则HTML文件会卡在那里
async:一边渲染HTML文件,一边下载js文件——>执行js文件——>接着执行HTML文件
问题:若多个js文件,不能确保js文件的执行顺序
defer:一边渲染HTML文件,一边下载js文件,等到HTML都执行完——>执行js文件

注:async和defer都是解决js的异步加载问题;async是W3C在HTML5中提出的;defer是早期IE提出的;都不能用document.write

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/90301.html

相关文章

  • HTML&&CSS基础知识点整理

    摘要:并减少对样式的请求。缺点暴露了模块成员,外部可以修改模块内部状态。所有依赖这个模块的语句,都定义在一个回调函数中,等到加载完成之后,这个回调函数才会运行。 HTML&&CSS基础知识点整理 一、WEB标准:一系列标准的集合 1. 结构(Structure):html 语言:XHTML[可扩展超文本标识语言]和XML[可扩展标记语言] 2. 表现(Preasentation):css...

    Jeff 评论0 收藏0
  • HTML&&CSS基础知识点整理

    摘要:并减少对样式的请求。缺点暴露了模块成员,外部可以修改模块内部状态。所有依赖这个模块的语句,都定义在一个回调函数中,等到加载完成之后,这个回调函数才会运行。 HTML&&CSS基础知识点整理 一、WEB标准:一系列标准的集合 1. 结构(Structure):html 语言:XHTML[可扩展超文本标识语言]和XML[可扩展标记语言] 2. 表现(Preasentation):css...

    lindroid 评论0 收藏0
  • JS学习笔记 - 模块化

    摘要:在开发大型的项目中,可能会使用到管理的模块化工具。说道,学习过的同学会比较熟悉,是服务器模块的规范,采用了这个规范。可能是未来模块化解决方案的首选。 本文章记录本人在学习 JavaScript 中理解到的一些东西,加深记忆和并且整理记录下来,方便之后的复习。 在开发大型的web项目中,可能会使用到管理js的模块化工具。但是在前端轮子漫天飞的时代。那一款js模块化工具真正适合我...

    CntChen 评论0 收藏0
  • JavaScript模块化发展

    摘要:所有依赖这个模块的语句,都定义在一个回调函数中,等到所有依赖加载完成之后前置依赖,这个回调函数才会运行。如果将前面的代码改写成形式,就是下面这样定义了一个文件,该文件依赖模块,当模块加载完毕之后执行回调函数,这里并没有暴露任何变量。 模块化是我们日常开发都要用到的基本技能,使用简单且方便,但是很少人能说出来但是的原因及发展过程。现在通过对比不同时期的js的发展,将JavaScript模...

    mengbo 评论0 收藏0
  • requirejs模块化编程:前端模块化编程指南

    摘要:好棒,应该可以满足绝大部分公司的变态需求了额。。可以在回调函数中调用其方法。。等下会大幅度减少滴。。。。百度搜索到官网点击下载对应着自己电脑的版本。。可最后的请求是这样的由此可见,。 序言 -# 公司大了,业务多了,前端代码量也逐渐增大,我们渐渐的依赖js实现的交互越来越多,长期以来会导致我们的代码维护越来越困难,所以依赖的插件也越来越多。。比如这样页面中有大量的js外链引入。。 ...

    harryhappy 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<