原文地址:http://www.tuicool.com/articles/bmuaEb

如需demo示例,请点击下方链接下载:

http://yunpan.cn/cVEybKs8nV7CF  提取码 2164

今天早上初尝seajs,发现一个非常蛋疼的事情,使用官方demo中的jquery是没有问题,

下载官方最新版jquery 2.1.1发现console.log($)返回null,百思不得其解!只能求助度娘!

在GitHub发现了玉伯的说明 《 直接调用 jQuery 插件等非标准模块的方法 》

不过这方法在2.3版本貌似已经不行,seajs.modify方法已在这版本移除!

https://github.com/seajs/seajs/issues/286

这里的标准模块指的是AMD和CMD的定义

引用玉伯在知乎的详细回答

http://www.zhihu.com/question/20351507/answer/14859415

以下引用玉伯的回复大家会更加深入了解

@lifesinger 昨天折腾得太累了,不好意思。后来还是用 RequireJs 解决问题。
另外,我想问问:
1. AMD 是不是容易卡死UI?
2. 为什么采用与 SeaJs同样采用 CMD 规范编写的 NodeJs 模块 不能直接调用——我大概观察了下,好像定义格式不太一样,这也是问题啊,既然遵循同样的规范为什么格式又不一样,
3. 用常规全局变量写法写的脚本经过 shim 配置,在 var ejs = require('ejs') 后会覆盖 ejs 的(全局)定义,但是可以直接 require('ejs'),然后 ejs 会注册到window 名下。
4. 把一个常规脚本,换成 SeaJs 标准格式 跟 RequireJs 转换有什么不同吗?
另另外,感觉RequireJS 的自动加载插件机制挺不错。
@iahu
AMD 是一加载就执行,当一次加载很多文件时,意味着会立刻执行大量脚本,这时可能会导致 UI 卡。CMD 的执行是分散的,因此一般来说不会造成 UI 卡。
SeaJS 与 Node.js 的关系,可参考这篇文档:#275
shim 配置后,require('ejs') 得到的 ejs 就是全局那个 ejs,也可以将挂载在 window 上的 ejs 去掉,比如
seajs.config({
plugins: ["shim"],
alias: {
src: 'path/to/ejs.js',
exports: function() { var ejs = window.ejs; window.ejs = undefined; return ejs }
}})
RequireJS 的 shim 插件,本质上和 SeaJS 是一样的。

以上提到的方法已过时了,只好继续尝试其他办法!

方法一:

还是玉伯老大的办法《seajs 2.1.1中去掉了seajs.modify 后,如何preload CDN 中的jquery ?》

https://github.com/seajs/seajs/issues/862

整个文章主要是说不修改为CMD模式下在模块内部使用jquery,玉伯老大是不推介这样,但还是可以实现

不过jquery文件就不是在seajs.config里配置了,是直接在head头部引入文件,就像平时那样,然后在seajs内部某个事件机制触发将全局的jQuery对象带到内部module.exports对象;

seajs.on('exec', function(module) {
if (module.uri === seajs.resolve('jquery')) {
window.$ = window.jQuery = module.exports;
}
});

方法二:

当然就是按照CMD定义做封装一次jquery,方法也很简单,只要把源代码粘进去,然后返回jquery对象即可;

define(function(){
//jquery源代码
return $.noConflict();
});

这样就可以在seajs.config引入文件在内部其他模块使用,这里返回为什么是$.noConflict(),请看w3c学校介绍

http://www.w3school.com.cn/jquery/core_noconflict.asp
seajs.config({
base : "../sea-modules/",
alias : {
"jquery" : "jquery.js"
}
});
define(function(require, exports, module){
var $ = require("jquery");
exports.showObj = function() {
console.log($);
}
});

方法三:

参照seajs官方jquery封装方法

if ( typeof module === "object" && module && typeof module.exports === "object" ) {
module.exports = jQuery;} else {
if ( typeof define === "function" && define ) {
define( "jquery", [], function () { return jQuery; } );
}}if ( typeof window === "object" && typeof window.document === "object" ) {
window.jQuery = window.$ = jQuery;}
https://github.com/seajs/examples

在目录 sea-modules/jquery 里就有封装好的1.10版本;

https://github.com/seajs/seajs/issues/264

seajs初尝 加载jquery返回null解决学习日志含示例下载的更多相关文章

  1. 使用SeaJS,require加载Jquery的时候总是为null

    这个问题困扰了我两天,使用别人的例子.官网down下来的example都没有问题.但是放到自己项目里就 var $=require("jquery") 为null. 后来发现,jq ...

  2. seajs加载jquery时提示$ is not a function该怎么解决

    这篇文章主要介绍了seajs加载jquery时提示$ is not a function该怎么解决的相关资料,需要的朋友可以参考下 jquery1.7以上的都支持模块化加载,只是jquery默认的是支 ...

  3. seajs加载jquery提示$ is not a function

    jquery1.7以上的都支持模块化加载,只是jquery默认的是支持amd,不支持cmd.所以要用seajs加载jquery,需要稍微改下jquery 把 if (typeof define === ...

  4. 谈谈动态地加载Jquery库文件的方法

    有时候,我们可能不会在网页中<script src="jquery.min.js" 来加载 Jquery 库,可能在用户点击某个按钮后,才去加载 Jquery 库. 好处不用 ...

  5. selenium 加载jquery

    packagecom.example.tests; import staticorg.junit.Assert.*; importjava.util.*; importorg.junit.*; imp ...

  6. 从excel表格加载数据返回DataSet

    添加命名空间:using System.Data.OleDb; /// <summary> /// 从excel表格加载数据返回DataSet /// </summary> / ...

  7. 测试加载jquery

    Hello world! <h1 id="main-heading">Hello world!</h1> <p><img onclick= ...

  8. 优化加载jQuery的方法

    请看下面的一段代码: <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js" ...

  9. 加载jquery插件注意了

    1.尽量放在</body>之前,不要放在</head>标签之前,如果执意要放也要放在css之后,例如: <link href="style.css" ...

随机推荐

  1. AngularJS使用指南

    ng-app 定义一个AngularJS应用程序 ng-model 把元素值绑定到AngularJS应用程序 ng-blind 把AngularJS应用程序数据绑定到HTML视图上 ng-init 初 ...

  2. Slides - 在线制作效果精美的幻灯片(PPT)

    Slides 是可以在浏览器中使用的在线幻灯片编辑器.与传统的演示软件,比如 PowerPoint 相比,Slides 不需要下载任何东西.你所有的信息都是安全地存储在我们的服务器上,无论你在哪里.不 ...

  3. python 内置函数 : compile()

    这个函数用来编译一段字符串的源码,结果可以生成字节码或者AST(抽像语法树),字节码可以使用函数exec()来执行,而AST可以使用eval()来继续编译. 参数source是一串字符串的源码,或者是 ...

  4. Google Chrome浏览器调试功能介绍

    作为Web开发人员,我为什么喜欢Google Chrome浏览器 [原文地址:http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.ht ...

  5. Hibernate 性能优化之懒加载

    针对数据库中的大数据,不希望特别早的加载到内存中,当用到它的时候才加载 懒加载分为:类的懒加载.集合的懒加载.单端关联的懒加载 类的懒加载    1.在默认情况下,类就是执行懒加载        2. ...

  6. iOS中json解析出现的null,nil,NSNumber的问题

    在iOS开发过程中经常需要与服务器进行数据通讯,Json就是一种常用的高效简洁的数据格式. 问题现象 但是几个项目下来一直遇到一个坑爹的问题,程序在获取某些数据之后莫名崩溃.其实很早就发现了原因:由于 ...

  7. 手动新建MVC控制器和视图,以及数据显示的问题

    一,在C#.NET的MVC项目添加一个控制器,在这个控制器有一个index方法,你可以在index方法上鼠标右键选择添加视图,这可以创建一个包含index.cshtml的View视图的文件夹 < ...

  8. C#中的ArrayList

    ArrayList非常类似于数组,也有人称它为数组列表,ArrayList可以动态维护 提示: 和数组相似,ArrayList中存储的数据称为元素,ArrayList可以保存的元素数就是ArrayLi ...

  9. ASP.NET MVC5(五):身份验证、授权

    使用Authorize特性进行身份验证 通常情况下,应用程序都是要求用户登录系统之后才能访问某些特定的部分.在ASP.NET MVC中,可以通过使用Authorize特性来实现,甚至可以对整个应用程序 ...

  10. C语言函数与程序结构

    title : C语言函数与程序结构 tags : C语言作用域规则 , 外部变量 ,静态变量 ,寄存器变量,宏定义 grammar_cjkRuby: true --- 外部变量 变量声明用于说明变量 ...