• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法

AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法

作者: 字体:[增加 减小] 来源:互联网 时间:2017-08-16

通过本文主要向大家介绍了AMD,Require.js,jQuery等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

AMD 模块

AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一个可用的模块化 JavaScript 的解决方案。

AMD 模块格式本身是一个关于如何定义模块的提案,在这种定义下模块和依赖项都能够异步地进行加载。它有很多独特的优势,包括天生的异步及高度灵活等特性,这些特性能够解除常见的代码与模块标识间的那种紧密耦合。目前它已经被很多项目所接纳,包括jQuery(1.7)。

RequireJS

RequireJS是一个工具库,主要用于客户端的模块管理。它可以让客户端的代码分成一个个模块,实现异步或动态加载,从而提高代码的性能和可维护性。它的模块管理遵守AMD规范。

jQuery 对AMD的支持

jQuery 1.7 开始支持将 jQuery 注册为一个AMD异步模块。有很多兼容的脚本加载器(包括 RequireJS 和 curl)都可以用一个异步模块格式来加载模块,这也就表示不需要太多 hack 就能让一切运行起来。可以看看jQuery 1.7 中的源码:

其工作的原理是,所使用的脚本加载器通过指定一个属性,即 define.amd.jQuery 为 true,来标明自己可以支持多个 jQuery 版本。如果有兴趣了解特定的实现细节的话,我们可以将 jQuery 注册为一个具名模块,因为可能会有这样的风险,即它可能被与其它使用了 AMD 的 define() 方法的文件拼合在一起,而没有使用一个合适的、理解匿名 AMD 模块定义的拼合脚本。

高版本的jQuery (1.11.1) 去掉了define.amd.jQuery判断:

Require.js中使用jQuery

Require.js中使用jQuery非常方便,简单配置就可以了,例如:

Require.js中使用jQuery 插件

虽然jQuery的支持AMD的API, 这并不意味着jQuery插件也是和AMD兼容的。

一般的jQuery 插件格式:

Require.js中使用jQuery UI组件

Require.js中使用jQuery UI组件也类似的,只要改造一下jQuery Widget Factory 代码就可以了,并且感觉jQuery UI的依赖关系加载就可以了。例如:

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法

相关文章

  • 2017-08-16jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍
  • 2017-08-16如何让浏览器支持jquery ajax load 前进、后退功能
  • 2017-08-16基于jquery的滚动鼠标放大缩小图片效果
  • 2017-08-16事件冒泡是什么如何用jquery阻止事件冒泡
  • 2017-08-16jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
  • 2017-08-16Eclipse配置Javascript开发环境图文教程
  • 2017-08-16文件编码导致jquery失效的解决方法
  • 2017-08-16jQuery代码优化之基本事件
  • 2017-08-16一步一步制作jquery插件Tabs实现过程
  • 2017-08-16jQuery获取字符串中出现最多的数

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 浅谈Jquery中Ajax异步请求中的async参数的作用
    • jquery焦点图片切换(数字标注/手动/自动播放/横向滚动)
    • JS与jQuery实现隔行变色的方法
    • boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
    • jquery+css实现简单的图片轮播效果
    • 详解Jquery 遍历数组之$().each方法与$.each()方法介绍
    • 利用jquery获取select下拉框的值
    • jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
    • 一个基于jQuery的树型插件(OrangeTree)使用介绍
    • jquery实现可关闭的倒计时广告特效代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有