require.js JQ

require.js和sea.js的作用都是一样的。

为了解决两大问题,第一实现js文件的异步加载,避免网页失去响应,第二管理模块之间的依赖性。

基本的模板

define(function(require,exports,module){
    exports.getStyle = function (obj,name){
        //你初始的模块
    }
})
define(function(require,exports,module){
    var get = require(‘get‘);//引入初始模块(基于这块代码,你才可以继续写后面的代码)

    exports.move = function move(obj,json,complete){

    //后续代码
    }
})
require([‘move‘],function(mod){
    mod.slide()  //后续模块的方法
})

并通过

<script src="require.js" data-main=‘init‘></script>
//data-main 是一个方法 后面是你最终文件的名字。

插入到你的HTML中

jQuery也是如此,存在着依赖的关系

requires.config({

    paths:{  //引入你所依赖的模块

        ‘jquery‘:‘lib/jquery‘ //你的jquery存放位置,注意不能加后缀名 .js

    }

});

requires([‘jquery‘],    //方法输出的jq代码

function ($){

    $(‘#test‘).html(‘test‘);

});

也是通过

<script src="require.js" data-main=‘init‘></script>
//data-main 是一个方法 后面是你最终文件的名字。

插入你的html

时间: 2024-10-08 11:13:00

require.js JQ的相关文章

记录:sea.js和require.js配置 与 性能对比

最近有点忙,很久无写博客,记录一下之前的配置require.js和sea.js的配置.(有误有望提出 require.js 文件目录 /app(项目使用js) /lib(require.js jq存放处) /plugin(框架对应的功能插件) require.js比较方便在于,不是amd的模块组件可以通过配置文件进行依赖配置.而且异步加载js 页面加载速度是杠杠的.当然会有点问题的,网速过慢的话,可能会出现js,timeout(可以通过配置解决. config.js (配置文件) // 配置信息

require.js入门指南(三)

下面我们来说说main.js. 前面没有用到,因为例子比较简单.当我们的js文件夹中包含多个文件时,每次require都要写 (路径名/文件名) 这样的require()参数,很麻烦.而且,直接把js代码写在页面中,也是不好的. 我们就可以用main.js设置参数,简化操作,并把页面需要的js代码写在其中. 现在我们在js文件夹下新建一个文件夹,命名为lib,并把jquery.js移动至这个目录下.这个文件夹就用来存放所有的库文件,也方便维护和管理. 目录结构变成了下面这样子: 如果我们不使用m

require.js疑惑

昨天小颖分享了一篇require.js入门 ,今天小颖发现了一个很郁闷的问题,希望大神们帮小颖解释下到底是什么原理才能出现以下的现象,其实小颖昨天也有问过园友里的一位帅锅,只是他解释的小颖没太明白.嘻嘻所以写出来想通过博客园这个平台里集思广益,解决这个疑惑. 好啦我们一起来看看这个让小颖头疼的问题: demo目录: 代码来啦: 我们先来看看正常代码吧:   公用的文件index.html和ceshi.js index.html <!DOCTYPE html> <html> <

require.js简单入门

推荐文章:http://www.ruanyifeng.com/blog/2012/11/require_js.html 1.以下例子主要实现功能, 1)引用jq库获取dom中元素文本, 2)实现并引用去空格工具类trim, 3)最后获取文本并去掉空格后输出, 4)打包js(将所有js文件打包成main.min.js) 1.下载require文件 require.js require主文件 r.js require优化器文件 2.文件结构 index.html --js文件夹 jquery.js

浅谈require js

最近在项目中用到require js,不是很熟悉,所以上网找了一些资料,结合代码学习了一下.其实,require js 还是比较好理解的.require js的出现就是为了管理js,当然它可以处理js的依赖关系,同时达到异步加载,不会影响浏览器的渲染.那么具体是如何进行管理js的依赖关系呢?如下: 第一种方式:通过shim配置依赖关系,比如下图,sw依赖jquery. require.config({    baseUrl: "js", paths: { jquery: "j

require.js - 详解

测试结构如下 index.html 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta http-equiv

require.js的简单使用

<script src="js/require.js"></script> <script src="js/require.js" data-main="js/main"></script> require(['jquery', 'underscore', 'backbone'], function ($, _, Backbone){ // some code here }); 使用require.

Javascript模块化编程(三):require.js的用法

作者: 阮一峰 日期: 2012年11月 7日 这个系列的第一部分和第二部分,介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战. 我采用的是一个非常流行的库require.js. 一.为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了.后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载.下面的网页代码,相信很多人都见过. <script src="1.js"></s

require.js的AMD规范详解

require.js使用简介 在web刚开始发展的蛮荒时代,一个页面中只需要加载一个或少量的js文件,不存在模块,也不存在冲突之类的问题,但随着web项目的发展,它越来越大,js文件动辄几十个,怎么加载就成为了一个问题,要为浏览器的性能考虑,还有各个js文件(模块)的依赖关系.require.js的出现就是为了解决这样的问题. 1.实现js文件的异步加载,避免网页失去响应. 2.管理模块之间的依赖性,便于代码的编写和维护. require.js加载 使用require.js的第一步,是先去官方网