开始学习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. 利用 SerialPort 控件实现 PC 串口通信

    整理参考自<Visual C#.NET 串口通信及测控应用典型实例>1.3 节 以及 一篇博文:C# 串口操作系列(1) -- 入门篇,一个标准的,简陋的串口例子. 硬件部分 如果是两个串 ...

  2. 输入A和B，计算并输出A+B

    EOF是一个预定义的常量,等于-1. 输入A和B,计算并输出A+B Sample input: 1    5 10  20 Sample output: 6 30 #include <iostr ...

  3. HW2.14

    import java.util.Scanner; public class Solution { public static void main(String[] args) { final dou ...

  4. HDU-1814 Peaceful Commission 2sat

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1814 简单的2sat题. //STATUS:C++_AC_390MS_996KB #include & ...

  5. windows下利用dll生成lib

    原来工程编译的一些dll库,这次项目需要静态库,偷懒想直接转化.看到网上一些教程,使用VC工具和建立lib项目来实现.有点麻烦.还有一种方法,仅仅利用工具和几条命令转化.来试试看.文章参考harrie ...

  6. ubuntu glusterfs 配置调试

    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqMAAADpCAIAAACfoakcAAAgAElEQVR4nO2d2XMjSX7f8c+sQ4GwHY

  7. 不只是打车软件，中国车主们赋予了Uber更多意义

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...

  8. 建立树莓派raspberry交叉编译环境以及编译内核

    最近买了一个树莓派,玩了几天,虽然已经有很多人玩了,现在玩好像有点晚了,但是他确实是个好东西,学好它,对嵌入式的整个开发流程也就会熟悉很多.虽然性能不是很强和现在的BB-BLACK比有点慢了,但是它便 ...

  9. 在Visual Studio中使用Pseudovariables来帮助调试

    博客搬到了fresky.github.io - Dawei XU,请各位看官挪步.最新的一篇是:在Visual Studio中使用Pseudovariables来帮助调试.

  10. js 获取浏览器版本号

    1.在web开发中,会常常让你推断当前使用的是那个浏览器及浏览器的那个版本号,依据浏览器版本号来调整CSS的样式, 使在web界面在各个浏览器展现达到最佳的效果,以下是获取当前浏览器的代码: getB ...