requirejs学习之-- 初始化(一)

为了规范在项目中使用的javascript代码,我们使用了requirejs框架。

初始阶段,我们在按钮的点击事件中调用创建的模块,代码如下:

function button_click() {_this = this;var args = _this["Command_Params"] || (_this.config || {})["Command_Params"];var cmd = _this["Command"];if (cmd) {cmd.onclick?cmd.onclick(args):"";} else {var url = _this["Command_Url"] || (_this.config || {})["Command_Url"];if (!url) return;require([url], function(Class) {var cmd = new Class(_this, args);cmd.onclick(args);_this["Command"] = _this["Command_Singled"] || (_this.config || {})["Command_Singled"] == false ? null : cmd;});}
}

在这里我们在按钮的属性中添加了Command_Url来标识模块地址,监听了按钮的点击事件,在点击的时候引用按钮中配置的模块并执行onclick方法。不得不说这是一种很简便的使用模块的方式,但是不是严格的AMD模式。

后来在使用的过程中突然想在页面初始化的时候引用一个模块,直接使用require方法就出现了问题:

    require(["./plug-in/jtgcmobile/dd/user.js"],function(Class){var user =new Class();user.showSomeThing();user.login();})
require.js:166 Uncaught Error: Mismatched anonymous define() module: function (){return o}

纠结了好长时间,发现这个方法在控制台可以直接运行,排除模块定义错误、加载代码错误。那就剩下一个问题,requirejs的加载模式问题导致在页面加载的过程中无法执行require方法。

又去看了一下官方的文档,文档上虽然没有明说不可以这样使用,但是提供了一个方法在页面初始化的时候加载模块。代码如下:

<script data-main="scripts/main" src="scripts/require.js"></script>

也就是说在加载requirejs的时候就要指定初始加载模块。

按照这种方式加载后一切正常了。

所以  data-main 属性还是比较重要的。

 

 

转载于:https://www.cnblogs.com/Leechg/p/5736384.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/256673.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ROS系统中的多个版本Boost问题

1、删除多余的boost版本&#xff0c;只需要删除该版本的libboost*库以及Boost的头文件&#xff0c;不需要使用sudo apt-get rm --pugre libboost-dev sudo apt-get armove libboost-dev;这种卸载会把很多Boost依赖的库删掉&#xff1b;想要单纯的只删除当前版本的Boost库&#…

iOS的通知

首先,什么是通知呢,通知跟代理的功能是一样的,都是传值,调方法,但是我个人觉得通知比代理还是要简便的,而且功能更强大,如果你代理弄懂了,那么通知也就非常容易理解了,我认为通知比代理书写更容易,而且功能更强大.代理是一对一传值,但是通知可以一对多或多对多,好了不多说了给大…

ValueStack基础:OGNL

ValueStack基础&#xff1a;OGNL 要了解ValueStack&#xff0c;必须先理解OGNL(Object Graphic Navigatino Language)&#xff01; OGNL是Struts2中使用的一种表达式语言&#xff0c;它可以用于JSP的标签库中&#xff0c;以便能够方便的访问各种对象的属性&#xff1b;它用于界…

4.H - 组合

题目连接&#xff1a;http://acm.hust.edu.cn/vjudge/contest/125308#problem/H 题目大意&#xff1a;下面是一个二人小游戏&#xff1a;桌子上有M堆扑克牌&#xff1b;每堆牌的数量分别为Ni(i1…M)&#xff1b;两人轮流进行&#xff1b;每走一步可以任意选择一堆并取走其中的任…

结构体指针需要申请指针内存,结构体对象不需要申请对象内存

struct frame_info { char* data;//图像数据 int bufsize;//图像大小 }&#xff1b; 1、struct frame_info* finfoDT new struct frame_info; finfoDT->data new 1280*720 2、struct frame_info finfoDT new struct frame_info; finfoDT.data new 1280*720

图论——连通图

Tyvj 2059 元芳看电影 描述 神探狄仁杰电影版首映这天&#xff0c;狄仁杰、李元芳和狄如燕去看电影。由于人实在是太多了&#xff0c;入场的队伍变得十分不整齐&#xff0c;一个人的前面可能会出现并排的好多人。“元芳&#xff0c;这队伍你怎么看&#xff1f;”“大人&#xf…

linux-ftools查看Linux 的cached里面有哪些内容

最近&#xff0c;公司有几台java服务器经常出现can not allocate memory 的情况。导致SSH登录失败。 因此&#xff0c;有必要做点什么。 我们可以使用linux-ftools查看Linux 的cached里面有哪些内容&#xff08;工具: https://code.google.com/p/linux-ftools/&#xff09;&…

matlab常用函数——软件常用函数

一、软件操作函数 1)命令窗口函数: clc:清空命令窗口,使用向上箭头翻看命令。 open:打开文件,文本文件(*.doc),可执行文件(*.exe),图形文件(*.fig),超文本文件(*.html,*.htm),MATLAB数据库文件(*.mat),simulink模型文件*.mdl),MATLAB p文件(*.p),…

stanford corenlp的TokensRegex

最近做一些音乐类、读物类的自然语言理解&#xff0c;就调研使用了下Stanford corenlp&#xff0c;记录下来。 功能 Stanford Corenlp是一套自然语言分析工具集包括&#xff1a; POS(part of speech tagger)-标注词性NER(named entity recognizer)-实体名识别Parser树-分析句子…

将Linux系统下交叉编译的依赖库推到ARM平台下无法建立以来关系解决

问题&#xff1a;平常把opencv库使用源码交叉编译好之后&#xff0c;从windows推到飞机里发现&#xff0c;该库的依赖关系都没有了&#xff0c;导致程序运行的时候报该库大小有问题 解决办法&#xff1a; 1、将linux下的库推到ARM平台中的一个文件夹中&#xff0c;然后将ARM平台…

Java:switch语句例子

1、输入一个名次&#xff0c;第1&#xff5e;4名&#xff0c;分别称为冠军、亚军、季军、殿军&#xff0c;5名及5名以上&#xff0c;称为其他名次。 import java.util.Scanner; public class switch1 {public static void main(String[] args){Scanner snew Scanner(System.in)…

SQL计算100以内的质数(可以把100换成任意的整数)

declare i int --定义局部变量ideclare j int --定义局部变量jset i1 --给变量i赋值while i<100 --最外层while循环控制计算20以内的质数&#xff0c;每循环一次提供一个数&#xff0c;判断它是不是质数begin --最外层while循环开始set j1 --给变量j赋…

matlab常用函数——数据类型函数

三、基本数据类型函数 1)数值函数 double:转换为双精度浮点数 single:转换为单精度浮点数 typecast:在不改变数据大小情况下转换数据类型 Y=typecast(X,type) type可选范围:uint8、int8、uint16、int16、uint32、int32、uint64、int64、single、double arrayfun:把函数…

Courses hdu 1083(匹配)

http://acm.hdu.edu.cn/showproblem.php?pid1083 题意&#xff1a;一共有N个学生跟P门课程,一个学生可以任意选一门或多门课,问是否达成: 1.每个学生选的都是不同的课(即不能有两个学生选同一门课) 2.每门课都有一个代表(即P门课都被成功选过) 今天学姐讲匹配时讲的题目&#…

进程编译连接动态库,需要将动态库改为lib***.so

1、本身该库可能编译成npuDetect.so,但是需要改其名字为libnpuDetect.so,CMakelists才能找到该库 2、进程中连接动态库&#xff0c;如果该库还依赖别的动态库&#xff0c;则需要继续把其他的库也要连接进来

Drbd+Pacemaker实现高可用

What is Pacemaker? Pacemaker是一个集群资源管理器。它利用集群基础构件&#xff08;OpenAIS 、heartbeat或corosync&#xff09;提供的消息和成员管理能力来探测并从节点或资源级别的故障中恢复&#xff0c;以实现群集服务&#xff08;亦称资源&#xff09;的最大可用性。 前…

matlab常用函数——矩阵函数

五、数组和矩阵函数 1)数组基本函数 display:显示字符或者数组 isempty :判断数组是否为空,空返回1,不空返回0 isequal :判断数组是否相同 (认为NaN不同) isequalwithequalnans:判断数组是否相同,把NaN看成相同的数 isfinite :判断数组元素是否为有限数 isfloat…

记录下面试中的回答的不好的问题

1 伙伴系统在linux中的作用&#xff0c;具体咋回事 2 tcp拥塞控制 滑动窗口 3 linux sed&#xff0c;awk的具体使用 4 ftp哪几种模式 5 中断与轮询 6 C stl的vector是怎么是实现的 7 I/O多路复用是怎么回事&#xff0c;select(),epoll()具体怎么回事。 一个文件中每行一个单词&…