开始学习requirejs+easyui的使用.

目录结构:

|-project

　　|-easyui01

　　　　|-js

　　　　　　|-main.js

　　　　|-index.html

　　|-libs

libs目录下放入的是easyui和require.js . jquery包含在easyui中.

自己写的代码就index.html和main.js 如下:

index.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>easyui+requirejs+demo[1]</title>

    <link rel="stylesheet" href="../libs/easyui/themes/default/easyui.css">

    <link rel="stylesheet" href="../libs/easyui/themes/icon.css">

</head>

<body>

    <p>(1)shim: shim参数解决了使用非AMD方式定义的模块（如jQuery插件）及其载入顺序.</p>

    <p>(2)easyui的easyui-lang-zh_CN.js也是依赖jquery的.</p>

    <p>

        (3)easyui是jquey的插件,使用'$'就可以访问到easyui,但是编码时仍然需要引入.例如:

        require(['jquery','zhCN','easyui'], function($,zhCN,easyui){});

    </p>

    <p>

        (4)easyui必需的css文件要自行导入在html页面中.

        如: link rel="stylesheet" href="../libs/easyui/themes/default/easyui.css"

    </p>

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

</body>

</html>

main.js

require.config({

    //baseUrl: 'js',

    shim: {

        //easyui-lang-zh_CN.js也依赖jquery

        'zhCN': ['jquery'],

        'easyui': ['jquery']

    },

    paths: {

        //引入的js文件不需要带入后缀'.js'

        jquery: '../../libs/easyui/jquery.min',

        easyui: '../../libs/easyui/jquery.easyui.min',

        zhCN: '../../libs/easyui/locale/easyui-lang-zh_CN'

    }

});

//require(['easyui']);

require(['jquery','zhCN','easyui'], function($,zhCN,easyui){

    console.log($().jquery);

    //

    $.messager.alert('提示','hello,world!');

});

总结:

(1)shim: shim参数解决了使用非AMD方式定义的模块（如jQuery插件）及其载入顺序.

(2)easyui的easyui-lang-zh_CN.js也是依赖jquery的.

(3)easyui是jquey的插件,使用'$'就可以访问到easyui,但是编码时仍然需要引入.例如: require(['jquery','zhCN','easyui'], function($,zhCN,easyui){});

(4)easyui必需的css文件要自行导入在html页面中. 如: link rel="stylesheet" href="../libs/easyui/themes/default/easyui.css"

开始学习requirejs+easyui的使用.的更多相关文章

  1. EasyUI学习(一)——EasyUI入门

    EasyUI学习总结(一)——EasyUI入门 一.EasyUI下载 EasyUI官方下载地址:http://www.jeasyui.com/download/index.php,目前最新的版本是:j ...

  2. 作为新手在学习SSM+Easyui过程中遇到一系列问题

    对于初学SSM来说,如果不熟悉SSM中SpringMVC对数据处理,会造成很大的困扰, SSM中对前台页面放在WEB-INF下,对于读取外部信息,例如导入easyui的js文件.以及不能直接进行跳转. ...

  3. 【requireJS源码学习03】细究requireJS的加载流程

    前言 这个星期折腾了一周,中间没有什么时间学习,周末又干了些其它事情,这个时候正好有时间,我们一起来继续学习requireJS吧 还是那句话,小钗觉得requireJS本身还是有点难度的,估计完全吸收 ...

  4. jQuery EasyUI学习资源汇总

    jQuery EasyUI学习资源汇总 EasyUi – 1.入门 EasyUi – 2.布局Layout + 3.登录界面 EasyUi – 4.datwagrid 学习Jquery EasyUI的 ...

  5. easyUI 学习

    )省份-城市-区域三级联动[struts2 + ajax +非数据库版] (1)省份-城市-区域,基于jQuery的AJAX三级联动,用Struts2整合AJAX[非数据库版] $.ajax( { t ...

  6. 浅谈requireJS

    项目中大都使用模块化开发,requireJS作为AMD模块开发的典范,所以有必要学习下.通过一步步利用requireJS编写demo,从而学习requireJS的一个整体开发流程以及自我使用requi ...

  7. 第 1 章 jQuery EasyUI 入门

    学习要点: 1.什么是 jQuery EasyUI 2.学习 jQuery EasyUI 的条件 3.jQuery EasyUI 的功能和优势 4.其他的 UI 插件 5.是否兼容低版本 IE 6.下 ...

  8. RequireJS入门之一——实现第一个例子

    为什么学习RequireJS? 像我这种菜鸟,会提到海量文章里提到的AMD.JS模块化编程.异步... ... 等等 RequireJS是一个Javascript 文件和模块框架,它可以帮我们去管理j ...

  9. 使用 RequireJS 优化 Web 应用前端

    基于 AMD(Asynchronous Module Definition)的 JavaScript 设计已经在目前较为流行的前端框架中大行其道,jQuery.Dojo.MooTools.EmbedJ ...

随机推荐

  1. 创建二叉树，C语言实现

    一.前序遍历创建二叉树,使用递归,头文件 BiTree.h /*槽点一:创建树时用scanf输入不成功*/ #ifndef BITREE_H #define BITREE_H #include< ...

  2. mysql常见优化，更多mysql，Redis，memcached等文章

    mysql常见优化 http://www.cnblogs.com/ggjucheng/archive/2012/11/07/2758058.html 更多mysql,Redis,memcached等文 ...

  3. usb 设备的端点 及输入输出方向

  4. php排序之冒泡排序

    冒泡排序比较简单.作为很多公司面试笔试题常常出现,要求手写该排序算法.双层循环,不断的与后面的比较,如果大于后面的,调换两者顺序即可. 演示效果如图: 代码如下: <?php function ...

  5. 三角形div的原理

    三角形div原理 首先我们写一个正常的方形div样式,但是我们把它的宽度和高度都设置为零,并且边框线设置的粗一点: { width:0px: height:0px; Border:20px solid ...

  6. Windows环境下安装Ionic

    1. 首先要安装node环境,Ionic的安装和后续的许多前端工具的安装都依赖于node的包管理器npm. nodeJs环境的安装很简单,去官网下载最新版的NodeJs直接安装即可.      Nod ...

  7. unity3d 获取相机视口四个角的坐标

    功能:如标题所示,主要考虑用来做3d Plane的自适应屏幕 /// <summary> /// 获取指定距离下相机视口四个角的坐标 /// </summary> /// &l ...

  8. AndroidPN中的心跳检测

    在AndroidPN客户端里存在着心跳检测功能.就是每隔一段时间客户端向服务器端发送一个消息,以检测连接是否正常,发送的消息内容为: <presence id="h09Ke-13&qu ...

  9. 知识点整理之Java的Cookie操作

    创建Cookie // new一个Cookie对象,键值对为参数 Cookie cookie = new Cookie("key", "value"); //  ...

  10. MP3的频率、比特率、码率与音质的关系

    想知道MP3的频率.比特率.码率与音质的关系,是不是频率越高,码率越高,音质就越好.好像MP3大多数的频率都是44100HZ的.码率有128,192等等. 这里所说的频率是採样率,一般都是44100K ...