温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
我就是我！
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
优势同样的效果，只是实现方法不同？会不会很蛋疼？这有什么优势呢？举个例子来说，优化前，假设首页切换的幻灯图片有5张，平均每张图片20K，也就是说你的首页至少要加载100K的图片，而这100K的图片你能保证每个用户都会去看吗？如果用户不看，岂不是白白浪费了这100K的载入速度？优化后，在首页初次载入的时候，仅需加载一张1K左右的，甚至是可有可无的 loading 图片，当用户点击下一张或者达到定时器的设置时才会去加载下一张图片，大大节省了载入的时间。1K？100K？你懂的。另外，用 JS 载入所需的图片还有一个好处，就是在一些不支持 JS 的手机浏览器上，载入 100K 的图片对于无法切换的轮播图而言，是一个极大的累赘，而且也会大大降低用户体验。好了，大家各取所需吧，我也只是提供了一个思路，如果有更好的实现方法欢迎与我交流。原文出处：
阅读(2421)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_',
blogTitle:'jQuery 按需加载轮播图',
blogAbstract:'原文出处：'
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}还没有任何记录...
按需要延时加载图片和ajax方式加载页面jQuery插件
来源：jquery 特效
作者： 懒人建站
有时候页面上的图片非常多，比如一个大量图片的营销型单页面，如果不采取一些延时按需要加载图片一次性读入图片，页面会加载很长时间，用户体验大大的不好。 这个jquery插件实现
有时候页面上的图片非常多，比如一个大量图片的营销型单页面，如果不采取一些延时按需要加载图片一次性读入图片，页面会加载很长时间，用户体验大大的不好。
这个jquery插件实现按需要延时加载图片和ajax方式加载页面，jquery代码短小精悍。灰常给力，给力就到点两下广告，表示支持工作。
&script type=&text/javascript& src=&/js/jquery/1.4.1/jquery.min.js&&&/script&
&script type=&text/javascript& src=&jq.scrollLoading.js&&&/script&
$(function() {
&& &$(&.scrollLoading&).scrollLoading();
按需要延时加载图片和ajax方式加载页面jQuery插件代码：
(function($) {
&& &$.fn.scrollLoading = function(options) {
&& &&& &var defaults = {
&& &&& &&& &attr: &data-url&&& &
&& &&& &};
&& &&& &var params = $.extend({}, defaults, options || {});
&& &&& &params.cache = [];
&& &&& &$(this).each(function() {
&& &&& &&& &var node = this.nodeName.toLowerCase(), url = $(this).attr(params[&attr&]);
&& &&& &&& &if (!url) { }
&& &&& &&& &//重组
&& &&& &&& &var data = {
&& &&& &&& &&& &obj: $(this),
&& &&& &&& &&& &tag: node,
&& &&& &&& &&& &url: url
&& &&& &&& &};
&& &&& &&& &params.cache.push(data);
&& &&& &});
&& &&& &//动态显示数据
&& &&& &var loading = function() {
&& &&& &&& &var st = $(window).scrollTop(), sth = st + $(window).height();
&& &&& &&& &$.each(params.cache, function(i, data) {
&& &&& &&& &&& &var o = data.obj, tag = data.tag, url = data.
&& &&& &&& &&& &if (o) {
&& &&& &&& &&& &&& &post = o.offset(). posb = post + o.height();
&& &&& &&& &&& &&& &if ((post & st && post & sth) || (posb & st && posb & sth)) {
&& &&& &&& &&& &&& &&& &//在浏览器窗口内
&& &&& &&& &&& &&& &&& &if (tag === &img&) {
&& &&& &&& &&& &&& &&& &&& &//图片，改变src
&& &&& &&& &&& &&& &&& &&& &o.attr(&src&, url);&& &
&& &&& &&& &&& &&& &&& &} else {
&& &&& &&& &&& &&& &&& &&& &o.load(url);
&& &&& &&& &&& &&& &&& &}&& &
&& &&& &&& &&& &&& &&& &data.obj =&& &&& &
&& &&& &&& &&& &&& &}
&& &&& &&& &&& &}
&& &&& &&& &});&& &&& &
&& &&& &&& &&& &
&& &&& &};
&& &&& &//事件触发
&& &&& &//加载完毕即执行
&& &&& &loading();
&& &&& &//滚动执行
&& &&& &$(window).bind(&scroll&, loading);
})(jQuery);
本文链接：/js/jquery/651.html
(责任编辑：懒人建站)
按需要延时加载图片和ajax方式加载页面jQuery插件由懒人建站收集整理，您可以自由传播，请主动带上本文链接
就是免费分享，觉得有用就多来支持一下，没有能帮到您，懒人也只能表示遗憾，希望有一天能帮到您。
按需要延时加载图片和ajax方式加载页面jQuery插件-相关文章
来自百度的搜索推荐
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）ajax按需加载分页组件
html 代码效果预览&!DOCTYPE html&
&html lang=&en&&
&meta charset=&utf-8&&
&link rel=&stylesheet& type=&text/css& href=&paging.css& /&
&style type=&text/css&&
.prompt-explain {
margin-bottom: 50
line-height: 1.5;
box-sizing:border-
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}html{font-size: 12}address,caption,cite,code,dfn,em,strong,th,var{font-style:}table{border-collapse:border-spacing:0;}q:before,q:after{content:'';}object,embed{vertical-align:}hr,legend{display:}img,abbr,acronym,fieldset{border:0;}ul li{list-style-type:}a,label{cursor:}img{vertical-align:margin:0;padding:0;}a{text-decoration:outline:}.clearfix:after{content: &.&; visibility: display: height: 0.1 font-size:0.1 line-height: 0; clear:}.clearfix {*zoom:1;}input ,textarea,select{outline:border:1px solid #}th{font-weight: 400;}button{cursor:border:outline:}textarea{border: 1px solid #resize:outline:overflow:padding: 5}select{outline:}.text_overflow{overflow:white-space:
text-overflow:}
font-family: &Microsoft YaHei&,tahoma,arial,&Hiragino Sans GB&,&\5b8b\4f53&,sans-
font-size:14
color: #5c5d5e;
/* 公共分页模块 */
.index-page {
padding-top:10
.index-page .index-target {
line-height: 14
padding:3px 5
border-radius:2
vertical-align:
.index-page .target {
margin-right:30
color:#808080;
.index-page .page-main {
margin-top:-10
.index-page .page-main li {
border:1px solid #e6e6e6;
text-align:
line-height:37
margin-right: 5
.index-page .page-main .block {
.index-page .page-main a {
height:100%;
color:#c0c0c0;
.index-page .page-main a:hover ,
.index-page .page-main .active {
background-color:#f75000;
.index-page .page-main .unable-page {
cursor: not-
background-color: #
.index-page .page-main .unable-page:hover {
background-color: #
.index-page .page-main .prev ,
.index-page .page-main .next {
padding: 13px 14px 15px 15
.index-page .page-main .prev-i ,
.index-page .page-main .next-i {
height: 0;
border-top: 6
border-right: 8px solid #c0c0c0;
border-bottom: 6
.index-page .page-main .next-i {
border-top: 6
border-right:
border-left: 8px solid #c0c0c0;
border-bottom: 6
&div class=&prompt-explain&&
&dt&AJAX无刷新分页组件说明:&/dt&
&p&作用：该组件用于配合ajax进行分页显示&/p&
&p&依赖:依赖jq和paging.css&/p&
&p&参数：var options = {
totalNum : 1000,//总数据条数(必须)
totalPage : 100,//总页数(必须)
showPageNum : 9//最多显示多少页数(可选)
$('#pageBox').pageing(options,ajax);第二个参数是ajax请求的函数，参数为页码数（必须）。
&p&兼容：IE6+&/p&
&div class=&index-page& id=&pageBox&&&/div&
&script type=&text/javascript& src=&/static/js/lib/jquery-1.11.1.min.js&&&/script&
&script type=&text/javascript&&
(function ($) {
$.fn.pageing = function(options, ajax){
// 注入的整体html结构
var html = '总&span class=&allNum&&&/span&条数据 &span class=&now-page&&&/span&/&span class=&allPage&&&/span&页 至 &input type=&text&
class=&index-target& /& 页 &a href=&###& class=&target& class=&goPage&&跳转&/a&&ul class=&page-main& id=&pageMain&&&li class=&block&&&a href=&###& class=&prev unable-page&&&i class=&prev-i&&&/i&&/a&&/li&&li class=&block last&&&a href=&###& class=&next&&&i class=&next-i&&&/i&&/a&&/li&&/ul&';
$(this).html('').append(html);
var that = $(this);
oThis = $(this).find('ul');
nowPageDom = $(this).find('.now-page'),//目前是第几页多少页元素(显示)
indexTargetDom = $(this).find('.index-target'),//目前多少页元素（输入框）
targetDom = $(this).find('.target'),//跳转元素
totalNumDom = $(this).find('.allNum');//总共数据条数元素
totalPageDom = $(this).find('.allPage');//总共数据页面元素
prevDom = $(this).find('.prev'),//上一页元素
nextDom = $(this).find('.next'),//下一页元素
lastDom = nextDom.parent(),
pageDom = $(this).find('.page');
index = 1,
page = null,
defaultOptions = {
totalNum : 100,//总数据条数
totalPage : 10,//总页数
everyNum : 10,//每页显示多少条数据
showPageNum : 5//最多显示多少页数
ajax = ajax || function() {},
methodObject = {
init : function() {
options = $.extend({}, defaultOptions, options);
if( options.totalNum===0 ) {
that.remove();
nowPageDom.text(index);
totalNumDom.text(options.totalNum);
totalPageDom.text(options.totalPage);
if( options.totalPage === 1 ) {
nextDom.addClass('unable-page');
pageDom.remove();
for(var i=1; i&= options.totalP i++) {
var $li = $('&li class=&page&&&/li&'),
$a = $(&&a href='###'&&/a&&);
if( i===index ) {
$a.addClass('active');
$a.text(i);
$li.append($a);
lastDom.before($li);
pageDom = oThis.find('.page');
pageDom.hide();
this.show(index);
this.showPageindex(0, options.showPageNum, index-1);
// 样式控制方法
show : function(index) {
oThis.find('a').removeClass('unable-page');
if( index===1 ) {
prevDom.addClass('unable-page');
if(index === options.totalPage ) {
nextDom.addClass('unable-page');
oThis.find('a').removeClass('active');
pageDom.eq(index-1).children('a').addClass('active');
nowPageDom.text(index);
//显示控制方法
showPageindex : function(min , max , index) {
if( index &= max/2 ) {
} else if(options.totalPage - index &= Math.ceil(max/2) ){
min = options.totalPage -
max = options.totalP
min = Math.round(index - max/2);
max = Math.round(index + max/2);
pageDom.hide();
for(var i= i& i++) {
pageDom.eq(i).show();
// 界面初始化
methodObject.init();
// 点击事件
oThis.find('a').on('click' , function() {
indexTargetDom.val('');
oThis.find('li').each(function() {
if( $(this).children('a').hasClass('active') ) {
index = $(this).index();
if( $(this).hasClass('unable-page') ) {
} else if( $(this).hasClass('prev') ) {
} else if( $(this).hasClass('next') ) {
index = $(this).parent().index();
methodObject.show(index);
methodObject.showPageindex(0, options.showPageNum, index-1);
ajax(index);
// 点击跳转按钮
targetDom.click(function() {
index = indexTargetDom.val();
if( index !== '' ) {
index = parseInt(indexTargetDom.val()) ;
if( index & 1 ) {
alert('输入页数不能小于1！');
} else if ( index&options.totalPage ) {
alert('输入页数不能大于总页数！');
methodObject.showPageindex(min , options.showPageNum, index-1);
methodObject.show(index);
ajax(index);
alert('请输入页数');
// 限制只能输入数字
indexTargetDom.keyup(function() {
$(this).val($(this).val().replace(/\D/g,&&));
}).keydown(function() {
$(this).val($(this).val().replace(/\D/g,&&));
})(jQuery);
var options = {
totalNum : 200,//总数据条数
totalPage : 100,//总页数
showPageNum : 9//最多显示多少页数
$('#pageBox').pageing(options);
&/html&未插入正文的图片或附件<dd class="attachpic" data-container="body" data-toggle="popover" data-placement="top" data-trigger="hover" data-html="true" data-content="体积：101.95 KB上传： 11:45:57">
嗯啊 谢谢提醒&&我正在该、、、 //：楼主css写的不错，值得参考，js写的乱了点，特别是选择器等
ajax获取json数据的源码 可以贴出来么？
这个效果图的号码满分啊
嗯，我也在改，准备用你的这个作为原型，也写个。 //：嗯啊 谢谢提醒&&我正在该、、、 //：楼主css写的不错，值得参考，js写的乱了点，特别是选择器等
嗯啊 谢谢提醒&&我正在该、、、 //：楼主css写的不错，值得参考，js写的乱了点，特别是选择器等
楼主css写的不错，值得参考，js写的乱了点，特别是选择器等
你的事不管数据有多少都是一次性加载10页？& & 点击第11页再请求？ //：我在实际中是做成预加载的形式，一次性加载十页，数据缓存到本地，但只渲染一页，数据量不会太多，也不会频繁请求服务器。
我在实际中是做成预加载的形式，一次性加载十页，数据缓存到本地，但只渲染一页，数据量不会太多，也不会频繁请求服务器。
恩啊 已经改了 谢谢建议 //：上一页 下一页的按钮点不太到啊
什么 。。。 //：大兄弟&&选项卡刷新保持之前的选项怎么做，求指教
上一页 下一页的按钮点不太到啊
大兄弟&&选项卡刷新保持之前的选项怎么做，求指教
交流、是交流，不是直流 //：谢谢老姚同学指导 //：看出作者有自己的成长思路。基本所有的分页插件封装本身就都支持ajax的。只需把点击事件暴露出来就行。该怎么做就怎么做，改ajax就ajax。获取数据后插件的页数也要更新的。一般分页跟表格插件是配套的。同步和异步都要支持。可以参考一下ext或者其他插件的实现。不要再说对框架不感兴趣了。加油。 //：谢谢支持 //：这效果可以
谢谢老姚同学指导 //：看出作者有自己的成长思路。基本所有的分页插件封装本身就都支持ajax的。只需把点击事件暴露出来就行。该怎么做就怎么做，改ajax就ajax。获取数据后插件的页数也要更新的。一般分页跟表格插件是配套的。同步和异步都要支持。可以参考一下ext或者其他插件的实现。不要再说对框架不感兴趣了。加油。 //：谢谢支持 //：这效果可以
看出作者有自己的成长思路。基本所有的分页插件封装本身就都支持ajax的。只需把点击事件暴露出来就行。该怎么做就怎么做，改ajax就ajax。获取数据后插件的页数也要更新的。一般分页跟表格插件是配套的。同步和异步都要支持。可以参考一下ext或者其他插件的实现。不要再说对框架不感兴趣了。加油。 //：谢谢支持 //：这效果可以
谢谢支持 //：这效果可以
83 总笔记数
15.6万 总阅读量
Copyright &
All Rights Reserved.
合作伙伴：据群众举报，经缜密侦查，共查获嫌疑人数百名。
女子在郑州高速上被踹下车，哭诉一年被打二十次。
声明：本文由入驻搜狐公众平台的作者撰写，除搜狐官方账号外，观点仅代表作者本人，不代表搜狐立场。
　　业余时间研究了一下jstree，更新非常快已经是3.0了,首先看一下效果截图：
　　1.页面引入样式和脚本(注意路径根据实际情况)
　　&link href=&~/s/vakata.JsTree/assets/dist/themes/default/style.min.css& rel=&stylesheet& /&
　　& src=&~/s/vakata.JsTree/assets/dist/jstree.js&&&/&
　　2.定义容器
　　&div id=&treeModule& data-id=&0&&
　　&/div&
　　3.初始化jstree，这里调用了一个action(NewModuleChild）,第4点里说到这个action，先看jstree的使用
　　4.NewModuleChild的定义
　　另外还有些添加节点、修改节点直接参考官网的例子就行了，但是有些地方还是需要注意，这里我就列举个调用添加节点的方法
欢迎举报抄袭、转载、暴力色情及含有欺诈和虚假信息的不良文章。
请先登录再操作
请先登录再操作
微信扫一扫分享至朋友圈
搜狐公众平台官方账号
生活时尚&搭配博主 /生活时尚自媒体 /时尚类书籍作者
搜狐网教育频道官方账号
全球最大华文占星网站-专业研究星座命理及测算服务机构
主演：黄晓明/陈乔恩/乔任梁/谢君豪/吕佳容/戚迹
主演：陈晓/陈妍希/张馨予/杨明娜/毛晓彤/孙耀琦
主演：陈键锋/李依晓/张迪/郑亦桐/张明明/何彦霓
主演：尚格?云顿/乔?弗拉尼甘/Bianca Bree
主演：艾斯?库珀/ 查宁?塔图姆/ 乔纳?希尔
baby14岁写真曝光
李冰冰向成龙撒娇争宠
李湘遭闺蜜曝光旧爱
美女模特教老板走秀
曝搬砖男神奇葩择偶观
柳岩被迫成赚钱工具
大屁小P虐心恋
匆匆那年大结局
乔杉遭粉丝骚扰
男闺蜜的尴尬初夜
客服热线：86-10-
客服邮箱：使用 RequireJS 按需动态加载JS | 尘埃
使用 RequireJS 按需动态加载JS
PS：基于 AMD（Asynchronous Module Definition）的 JavaScript 设计已经在目前较为流行的前端框架中大行其道，jQuery、Dojo、MooTools、EmbedJS 等纷纷在其最新版本中加入了对 AMD 的支持。本文介绍的是另一款较为精简的 RequireJS 框架，既想使用 AMD 的特性又不想引入一个庞大的库的开发人员，不妨试试 RequireJS。RequireJS 可以帮助用户异步按需的加载 JavaScript 代码，并解决 JavaScript 模块间的依赖关系，提升了前端代码的整体质量和性能
前端开发在近一两年发展的非常快，JavaScript作为主流的开发语言得到了前所未有的热捧。大量的前端框架出现了，这些框架都在尝试着解决一 些前端开发中的共性问题，但是实现又不尽相同。在这个背景下，CommonJS社区诞生了，为了让前端框架发展的更加成熟，CommonJS鼓励开发人员 一起在社区里为一些完成特定功能的框架制定规范。 AMD（Asynchronous Module Definition） 就是其中的一个规范。
传统JavaScript代码的问题
让我们来看看一般情况下JavaScript代码是如何开发的：通过&script&标签来载入JavaScript文件，用全局变量 来区分不同的功能代码，全局变量之间的依赖关系需要显式的通过指定其加载顺序来解决，发布应用时要通过工具来压缩所有的JavaScript代码到一个文 件。当Web项目变得非常庞大，前端模块非常多的时候，手动管理这些全局变量间的依赖关系就变得很困难，这种做法显得非常的低效。
AMD （Asynchronous Module Definition） 的引入
从名称上看便知它是适合script tag的。也可以说AMD是专门为浏览器中JavaScript环境设计的规范。它吸取了CommonJS的一些优点，但又不照搬它的格式。开始AMD作为CommonJS的存在，因无法与CommonJS开发者达成一致而独立出来。它有自己的和
AMD提出了一种基于模块的异步加载JavaScript代码的机制，它推荐开发人员将JavaScript代码封装进一个个模块，对全局对象的依 赖变成了对其他模块的依赖，无须再声明一大堆的全局变量。通过延迟和按需加载来解决各个模块的依赖关系。模块化的JavaScript代码好处很明显，各 个功能组件的松耦合性可以极大的提升代码的复用性、可维护性。这种非阻塞式的并发式快速加载JavaScript代码，使Web页面上其他不依赖 JavaScript代码的UI元素，如图片、CSS以及其他DOM节点得以先加载完毕，Web页面加载速度更快，用户也得到更好的体验。
CommonJS的AMD规范中只定义了一个全局的方法，如清单1所示
define(id?, dependencies?, factory);
该方法用来定义一个 JavaScript 模块，开发人员可以用这个方法来将部分功能模块封装在这个 define 方法体内
dependencies 是一个字符串 Array，表示该模块依赖的其他所有模块标识，模块依赖必须在真正执行具体的 factory 方法前解决，这些依赖对象加载执行以后的返回值，可以以默认的顺序作为 factory 方法的参数。dependencies 也是可选参数，当用户不提供该参数时，实现 AMD 的框架应提供默认值为 [“require”，”exports”，“module”]。
factory 是一个用于执行改模块的方法，它可以使用前面 dependencies 里声明的其他依赖模块的返回值作为参数，若该方法有返回值，当该模块被其他模块依赖时，返回值就是该模块的输出。
CommonJS 在规范中并没有详细规定其他的方法，一些主要的 AMD 框架如 RequireJS、curl、bdload 等都实现了 define 方法，同时各个框架都有自己的补充使得其 API 更实用。
AMD设计出一个简洁的写模块API：
define(id?, dependencies?, factory);
id: 模块标识，可以省略。
dependencies: 所依赖的模块，可以省略。
factory: 模块的实现，或者一个JavaScript对象。
以下是使用AMD模式开发的简单三层结构（基础库/UI层/应用层）：
定义无依赖的模块
（base.js）
define(function() {
mix: function(source, target) {
定义有依赖的模块
（ui.js,page.js）
define(['base'], function(base) {
show: function() {
// todo with module base
define(['data', 'ui'], function(data, ui) {
// init here
定义数据对象模块 （data.js）
users: [],
members: []
define('index', ['data','base'], function(data, base) {
具名模块多数时候是不推荐的，一般由打包工具合并多个模块到一个js文件中时使用。
前面提到dependencies元素的顺序和factory一一对应，其实不太严谨。AMD开始为摆脱CommonJS的束缚，开创性的提出了自己的模块风格。但后来又做了妥协，兼容了 CommonJS
Modules/Wrappings
。即又可以这样写
define(function(require, exports, module) {
var base = require('base');
exports.show = function() {
// todo with module base
不考虑多了一层函数外，格式和Node.js是一样的。使用require获取依赖模块，使用exports导出API
除了define外，AMD还保留一个关键字require。
&作为规范保留的全局标识符，可以实现为module loader。也可以不实现。
目前，实现AMD的库有&、&、&、、&、&等。
也有很多库支持AMD规范，即将自己作为一个模块存在，如&、&、&、&&甚至还有&
require.config({
jquery: 'jquery-1.7.2'
require(['jquery'], function($) {
alert($().jquery);
main.js中就两个函数调用require.config和require。
require.config用来配置一些参数，它将影响到requirejs库的一些行为。require.config的参数是一个JS对象，常用的
有baseUrl，paths等。
这里配置了paths参数，使用模块名“jquery”，其实际文件路径jquery-1.7.2.js（后缀.js可以省略）。
这里require函数的第一个参数是数组，数组中存放的是模块名（字符串类型），数组中的模块与回调函数的参数一一对应。这里的例子则只有一个模块“jquery”。
我们知道jQuery从1.7后开始支持AMD规范，即如果jQuery作为一个AMD模块运行时，它的模块名是“jquery”。注意“jquery”是固定的
，不能写“jQuery”或其它。
如果文件名“jquery-1.7.2.js”改为“jquery.js”就不必配置paths参数了。
require.config中config可以省略
jQuery中的支持AMD代码如下
if ( typeof define === "function" &#038;&#038; define.amd &#038;&#038; define.amd.jQuery ) {
define( "jquery", [], function () { return jQ } );
访问index.html,网络请求如下
我们看到除了require.js外main.js和jquery-1.7.2.js也请求下来了。而它们正是通过requirejs请求的
1、本站所有主题由该文章作者发表，该文章作者与享有文章相关版权
2、其他单位或个人使用、转载或引用本文时必须同时征得该文章作者和的同意
3、本帖部分内容转载自其它媒体，但并不代表本站赞同其观点和对其真实性负责
4、如本帖侵犯到任何版权问题，请立即告知本站，本站将及时予与删除并致以最深的歉意
5、原文链接：
Posted in ,
2016 年十二月
121314151617
19202122232425
262728293031
牛逼的人儿}