文章目录

  • RequireJS的加载、初始化,设置的方式有好几种。
    • 一、格式
    • 二、加载、初始化


RequireJS的加载、初始化,设置的方式有好几种。


一、格式

  1. 要求格式如下

    // 1. 要求格式如下
    define(moduleName, // 可选。如果此参数不填写,则默认使用本模块所在文件的文件名dependencies, // 可选。一个数组,此数组包含着此文件所需的各种依赖项目function (parameters){ //各依赖项成功加载后所运行的函数// parameters中包含的各个值来自于依懒项,与dependencies参数中的各个依赖项形成对应关系}
    );
    
  2. 代码示下:
    根据上面的格式要求,写一个代码块,简单示例一下:

    // 2.示例代码:
    define(["lib/jquery-1.11.1"], function ($){// 这里放的是当jQuery加载完成后所要执行的模块代码// define函数的第一个参数指出jQuery库的位置,匿名函数中的参数(名称为$)与之对应
    });
    

二、加载、初始化

  1. 模块名称的别名
    引言略:Pg217

    // 3. 模块名称的别名
    requirejs.config({paths: {"jquery": "lib/jquery-1.11.1"}
    });
    
  2. 引用内容分发网络CDN 或者选择 后备文件

  • 使用jQuery或其他流行库的时候,许多码农喜欢在众多分布于周围网络的全球内容分发网络CDN中的某一个进行引用。
  • 在合适的条件下,这种做法缩减了文件下载的时间,尤其是用户之前已经从同一个CDN加载过同一个版本的jQuery,那么该文件已经缓存在用户端的可能性就会大大增加。
  • 确切的说: 引用选择的都是文件的URL路径;并且是二选一,鱼和熊掌不能兼得!

  • RequireJS支持引用存放在其他主机上的模块,直接方法就是在dependencies参数数组中写上需要引用模块的URL路径即可。

  • 当引用失败的时候,会从后备列表加载本地文件,代码示下

    // 4. 内容分发网络和后备
    requirejs.config({paths: {"jquery": [// 从分布于周围网络的全球内容分发网络CDN中引用"https://ajax.googleapis.com/ajax/jquery/1.0.2/jquery.min",// 如果CDN引用不能正常运作,则从本地文件加载"lib/jquery-1.11.1"]}
    });
    

    上述写法,也可以说是第3个的升级版。


以上就是关于“ RequireJS的加载、初始化等等 - 代码格式篇 ” 的全部内容。

RequireJS的加载、初始化等等 - 代码格式篇相关推荐

  1. Tomcat - Tomcat 8.5.55 启动过程源码分析阶段二_load加载初始化

    文章目录 启动流程分析 Pre load 加载初始化 总体预览 源码解析 load() Server初始化 Service初始化 Engine初始化 Connector 初始化 小结 启动流程分析 P ...

  2. Ionic+Angular+Express实现前后端交互使用HttpClient发送get请求数据并加载显示(附代码下载)

    场景 Ionic介绍以及搭建环境.新建和运行项目: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/106308166 在上面搭建起 ...

  3. 2.使用OpenLayers6(ol6)加载Mapbox的TileJSON格式地图实现点击弹出经纬度信息

    文末有源代码下载地址 2.1使用OpenLayers6加载Mapbox的TileJSON格式地图 首先写一下Tile格式和TileJSON格式的区别,Tiles 是传统的瓦片地图服务,Tiles 服务 ...

  4. ios加载本地游戏html,iOS WebView加载本地HTML代码

    项目需求: 去服务器获取代码包到本地保存,然后去加载本地的代码包.这样的话,如果有新的版本更新,就直接更新html的代码包,就不用更新ipa包了. 需要注意几点: 1.代码存在服务器,zip格式 2. ...

  5. 在window下使用gemsim.models.word2vec.LineSentence加载语料库文件的格式要求

    在window下使用gemsim.models.word2vec.LineSentence加载语料库文件的格式要求 class LineSentence(object):""&qu ...

  6. RequireJS首次加载偶尔失败

    RequireJS首次加载偶尔失败 现象:第一次加载JS文件,首次加载偶尔失败: 原因:require(['jquery', 'operamasks', 'zTree', 'jQueryCookie' ...

  7. 在Spring Boot中加载初始化数据

    文章目录 依赖条件 data.sql文件 schema.sql 文件 @sql注解 @SqlConfig 注解 在Spring Boot中加载初始化数据 在Spring Boot中,Spring Bo ...

  8. vs2015web项目无法加载64位c++的dll,提示试图加载不正确的格式

    vs2015无法加载64位c++的dll,提示试图加载不正确的格式! 开始用winform引用64位的c++的dll,在项目的属性设置生成里面选择any cpu或者x64都可以成功! 但在web项目和 ...

  9. (转,记录用)jQuery页面加载初始化的3种方法

    jQuery 页面加载初始化的方法有3种 ,页面在加载的时候都会执行脚本,应该没什么区别,主要看习惯吧,本人觉得第二种方法最好,比较简洁. 第一种: [javascript] view plainco ...

最新文章

  1. java 递归原理_Java中递归原理实例分析
  2. 需求用例分析之九:序列图
  3. Qt修炼手册1_溢美之词和Designer设计
  4. Exthereum - 最新开发的以太坊客户端
  5. CNN结构:StyleAI-图片风格分类效果已成(-FasterRCNN-FCN-MaskRCNN)
  6. C语言指针变量与一维数组
  7. LINK : fatal error LNK1104: 无法打开文件“LIBCD.lib”
  8. yml 后面的配置覆盖前面的
  9. python 下载文件-python下载文件的三种方法
  10. Python 语言程序设计(3-2)time 库的使用
  11. 阶段1 语言基础+高级_1-3-Java语言高级_06-File类与IO流_05 IO字符流_5_flush方法和close方法的区别...
  12. 国内著名高校飞跃手册整理
  13. stack的常见用法详解
  14. 墨画子卿第三章第5节:飞过去的是胧月
  15. 抖音趣味测试、心理测试类短视频素材哪里找?文案怎么写?技巧大汇总
  16. 3D建模软件功能解析之Maya篇
  17. HTML学习笔记(二)--基础
  18. 小白学习,歌词解析(全)
  19. PS188——谱瑞(Parade)推动的 Type-C扩展坞红海战略
  20. 品优购电商系统开发 第5章 商品录入【1】

热门文章

  1. San 3.7.4 发布,百度开源的 MVVM 组件框架
  2. Python(pycharm)在windows下路径 ( ' / ' 与' \ ' )的问题
  3. js 负数移位运算究竟如何进行
  4. 微信查询订单API与商派ecstore订单状态对接
  5. 【Android】17.1 Bound Services基本概念
  6. tmpfs——Linux的一种虚拟内存文件系统
  7. 页面图片延时加载(附实例下载)
  8. 难道网上就没有真正完全无误的Postfix教程了吗?
  9. 信息学奥赛一本通 1413:确定进制 | OpenJudge NOI 1.13 34:确定进制 | OpenJudge NOI 2.1 1973:确定进制
  10. 信息学奥赛一本通(1208:2的幂次方表示)