HTML5技术

require.js入门 - 爱喝酸奶的吃货(2)

字号+ 作者:H5之家 来源:H5之家 2017-04-14 13:05 我要评论( )

define( function () { var logon = function (userName, password) { if (userName === '小颖' password === '1028' ) { return true ;} else { return false ;}}; return {logon: logon}}); 1.小颖的基目录是: b

define(function() { var logon = function(userName, password) { if (userName === '小颖' && password === '1028') { return true; } else { return false; } }; return { logon: logon } });

      1.小颖的基目录是:baseUrl: 'js/lib',大家看了阮一峰分享的日志应该对   baseUrl   也有所了解,小颖理解的  baseUrl  就是 如果你要调用很多一个目录下的js,那么你就将这个目录定位基目录,

      2.paths:如果你在paths中引了你要用的js,那么后面你要用的时候只直接调用就好了,比如上面的app.js中,小颖在paths中已经引了jquery.js,所以在用jquery时:

require(['main', 'jquery'], function(mains, jq) { jq('#logBtn').click(function() { var logon = mains.logon(jq('#logBtn').val(), jq('#inputPassword').val()); if (logon) { alert('登陆成功!'); } else { alert('登陆失败!'); } }); });

jq 代表他们。如果上面的示例不够明了,大家看看下面这个:

app.js

requirejs.config({ baseUrl: 'js/lib', paths: { jquery: '../jquery' } }); require(['main'], function(mains) { console.log('调用main.js'); });

 main.js

define(['jquery'], function(jq) { jq('#logBtn').click(function() { var _logon = logon(jq('#inputUserName').val(), jq('#inputPassword').val()); if (_logon) { alert('登陆成功!'); } else { alert('登陆失败!'); } }); var logon = function(userName, password) { if (userName === '小颖' && password === '1028') { return true; } else { return false; } }; return { logon: logon } });

如果只定义了基目录而没有在paths中引用jquery,那么当需要用jquery的时候,需要通过调用jquery的目录下的jquery.js,才能调用,不能直接调用:

app.js

requirejs.config({ baseUrl: 'js/lib', paths: { // jquery: '../jquery' } }); require(['main'], function(mains) { console.log('调用main.js'); });

main.js

define(['../jquery'], function() { $('#logBtn').click(function() { var _logon = logon($('#inputUserName').val(), $('#inputPassword').val()); if (_logon) { alert('登陆成功!'); } else { alert('登陆失败!'); } }); var logon = function(userName, password) { if (userName === '小颖' && password === '1028') { return true; } else { return false; } }; return { logon: logon } });

 好啦,小颖的分享到这里就结束啦,希望对大家有所帮助,明天就是礼拜五啦,哈哈哈哈,后天就是周末啦,提前祝大家周末愉快哦!!!嘻嘻

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Docker基础入门及示例 - KevinCC

    Docker基础入门及示例 - KevinCC

    2017-03-16 12:01

  • 小白学习H5从入门到放弃 - strength小宝

    小白学习H5从入门到放弃 - strength小宝

    2017-02-27 16:01

  • Qt入门之基础篇 ( 一 ) :Qt4及Qt5的下载与安装 - CN_Simo

    Qt入门之基础篇 ( 一 ) :Qt4及Qt5的下载与安装 - CN_Simo

    2017-01-27 09:00

  • 【第二篇】ASP.NET MVC快速入门之数据注解(MVC5+EF6) - 三生石上

    【第二篇】ASP.NET MVC快速入门之数据注解(MVC5+EF6) - 三生石上

    2016-12-27 13:00

网友点评
r