require.js入门

1.需下载require.js;

2.requirejs有三个主要方法require.config;require;define,require.config方法主要是对文件进行配置，包括其路径，依赖，输出名称等等，下图所示：

；

require方法表示其依赖文件和回调函数，写法如下：

；

define文件是定义模块组件，可以将一个单独模块定义在此处，例如上图的ruquirejs就是一个单独定义的模块，如下图：

掌握了这三个方法，可以对require。js上手了

时间： 2024-10-25 10:27:12

require.js入门的相关文章

require.js入门指南(一)

最近,处于网站性能和维护的需求,开始学习require.js,把js代码模块化. 学习的过程中也遇到了很多让人烦恼的问题,网络上的解决办法五花八门,也是颇费周折,好在最终完成了. 先去下载require.js.并把它包含至项目中.目录结构如下: js文件夹中目前只有两个js文件.  require.js 和 main.js.先不用管main.js.我们先说require.js,学习要一步一步来. 我们在index.html中引入require.js <!DOCTYPE html> <ht

require.js 入门学习 （share）

以下内容转自阮一峰老师的网络日志:http://www.ruanyifeng.com/blog/2012/11/require_js.html 更多学习资源: require.js官网:http://requirejs.org/docs/download.html 一篇不错的文章:http://www.csdn.net/article/2012-09-27/2810404 一.为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了.

require.js 入门学习

一.为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了.后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载.下面的网页代码,相信很多人都见过. <script src="1.js"></script> <script src="2.js"></script> <script src="3.js"></s

require.js入门指南(三)

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

require.js 入门学习－备

一.为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了.后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载.下面的网页代码,相信很多人都见过. <script src="1.js"></script> <script src="2.js"></script> <script src="3.js"></s

require.js 入门笔记

网站越来越庞大,JS也是越写越多. 当所有的JS 都集中在 HTML的 head 部分时,网页加载变得很慢,很多的 JS代码也并不是全都适用在当前的页面,造成了代码的冗余度非常高. 而且长长的JS代码,没有很好的将他们 模块化,对以后的维护造成极大的困难. 为此特地去了解下 require.js 的用途以及使用方法,为以后 代码重构 和 模块化 提供帮助.让后来者能更好的去管理代码. 1 为什么我要用require.js? 最近在制作个网站.引入了 <script src="static/

require js入门教程

require.js的诞生,就是为了解决这两个问题: (1)实现js文件的异步加载,避免网页失去响应: (2)管理模块之间的依赖性,便于代码的编写和维护. 参考网址: http://www.csdn.net/article/2012-09-27/2810404 http://www.qdfuns.com/notes/32759/a44f7e932dfd397090bc63f9daeb07e7.html 原文地址:https://www.cnblogs.com/wangzhaofang/p/826

require.js疑惑

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

require.js 简洁入门

原文地址:http://blog.sae.sina.com.cn/archives/4382 前言 提到require.js大多数人会说提到模块化开发,AMD等等,其实require.js并没有这么多复杂的概念,这里我就希望排除这些概念,从实用的角度来简单说一下require.js是干什么的,我们要怎么用它. 1.为什么要用require.js 大多数前端开发者都用过jquery,那么用jquery之前我们首先要把jquery加载进页面,然后在之后的js之中才可以使用$,这里面我们知道了两个道理