requirejs教程（一）：基本用法

介绍

RequireJS是一个非常小巧的JavaScript模块载入框架，是AMD规范最好的实现者之一。最新版本的RequireJS压缩后只有14K，堪称非常轻量。它还同时可以和其他的框架协同工作，使用RequireJS必将使您的前端代码质量得以提升。

特点

模块化加载
防止js加载阻塞页面渲染
使用程序调用的方式加载js，代码更美观

基本用法

正常使用

index.html

<!DOCTYPE html>
<html><head><script type="text/javascript" src="app.js"></script></head><body><span>body</span></body>
</html>

app.js

function fun1(){alert("it works");
}fun1();

requirejs用法

先下载requirejs代码包，然后按照下面的方法引用
index.html

<!DOCTYPE html>
<html><head><script type="text/javascript" src="require.js"></script><script type="text/javascript">require(["app"]);</script></head><body><span>body</span></body>
</html>

app.js

define(function(){function fun1(){alert("it works");}fun1();
})

此时打开页面，发现弹出it works，说明调用成功了，然后发现这个requirejs调用还有一个好处就是，解决了js加载阻塞问题。

requirejs教程（一）：基本用法相关推荐

菜鸟requireJS教程---2、基本知识
菜鸟requireJS教程---2.基本知识一.总结一句话总结: 1.requireJS中的api就define(比如定义自己的函数)和require 2.requireJS使用的话就是配置req ...
菜鸟requireJS教程---1、初识requirejs
菜鸟requireJS教程---1.初识requirejs 一.总结一句话总结: Using a modular script loader like RequireJS will improve ...
commander入门教程及高级用法
简介 commander是一个轻巧的nodejs模块,提供了用户命令行输入和参数解析强大功能安装 cnpm i -S commander 最小力度的脚手架入门教程及高级用法 // 注册命令:com ...
eval 函数 java_[Java教程]eval()函数用法详解
[Java教程]eval()函数用法详解 0 2015-12-14 11:00:26 eval()函数用法详解: 此函数可能使用的频率并不是太高,但是在某些情况下具有很大的作用,下面就介绍一下eval ...
RequireJS 教程详解
什么是 RequireJS RequireJS 用于代码模块化,RequireJS 以一个相对于 baseUrl 的地址来加载所有的模块代码,使用 RequireJS 来开发,可以很好的避免变量污染全 ...
python 使用全局变量_Python教程之全局变量用法
Python教程之全局变量用法本文实例讲述了Python全局变量用法.分享给大家供大家参考,具体如下: 全局变量不符合参数传递的精神,所以,平时我很少使用,除非定义常量.今天有同事问一个关于全局变量 ...
Git 教程 - Git 基本用法
Git 是当前最流行的版本控制程序之一,文本包含了 Git 的一些基本用法创建 git 仓库初始化 git 仓库 mkdir project # 创建项目目录 cd project # 进入 ...
requireJS教程（一）
requireJS下载:https://requirejs.org/ 一.requireJS作用 1)实现js文件的异步加载,避免网页失去响应: 2)管理模块之间的依赖性,便于代码的编写和维护.实现代 ...
JS模块化工具requirejs教程02
基本API require会定义三个变量:define,require,requirejs,其中require === requirejs,一般使用require更简短 define 从名字就可以看出 ...
测试教程网.unittest教程.2. 基本用法
From: http://www.testclass.net/pyunit/basic_example/ 我们通过最简单的例子来看一下unittest的基本用法,下面的代码测试了3个python字符串 ...

requirejs教程（一）：基本用法

介绍

特点

基本用法

正常使用

requirejs用法

相关链接：

requirejs教程（一）：基本用法相关推荐

最新文章

热门文章