requirejs中文文档,require代码

http://www.itjxue.com  2023-01-14 03:12  来源:未知  点击次数: 

requirejs 怎么导入echarts

很高兴,最近我也使用了ECharts

ECharts提供的用法中,require是作为模块化加载的入口,如果你使用类似于RequireJS、SeaJS这样的模块化加载JS库的话,那么,就可以使用require()初始化ECharts。

你贴出来的链接这篇文章,正式介绍如何使用模块化加载ECharts。如果你不使用模块化,ECharts也提供相应的方法初始化。

首先,下载到源码之后,在页面引入lib/echarts-plain-map.js,plain-map是未压缩的版本

script type="text/javascript" src="lib/echarts-plain-map.js"/script

然后引入主文件之后,就可以直接使用init()实例化了

script type="text/javascript"

var myChart = echarts.init({

// ...

});

/script

最后补充一个官方API文档

1

引入ECharts

如何在node.js中使用requirejs

node.js本身支持基于commonjs的javascript模块化,并且由于node.js环境下模块加载以同步为主,没有浏览器端异

步加载的需求,所以node.js不支持AMD的异步模块化格式。在Lizard框架中的代码模块化采用的是requirejs这个加载器,支持AMD模

块。本文档介绍了node端版本的requirejs的用法,使得AMD模块也能在node端使用。

安装

安装requirejs

requirejs官方提供了一个可用于node的适配器 r.js

。有两种方法可以在项目里面加入此库。

1. npm

在具体项目目录下使用如下命令来引入requirejs:

npm install requirejs

windows环境下安装需要注意不要加上 -g

全局开关,否则不能正常安装。

安装完成后,可使用 require('requirejs')

来加载requirejs。

2. 下载r.js

如果不想使用npm,也可以直接下载r.js,并把它放到项目中达到同样的目的。

点击下载。

在项目中通过 require('/path/to/r.js')

来加载requirejs。

配置

配置requirejs

var requirejs=require('requirejs');

requirejs.config({

//把node自身的require方法传递给requirejs

nodeRequire: require

});

requirejs(["foo","bar"],function(foo,bar){});

在需要使用requirejs的地方可以用上面的代码来配置requirejs。首先加载requirejs模块,命名为 requirejs

(可以为其他命名)。然后对 requirejs

进行配置。配置的方法和参数可以参照浏览器版本的requirejs的 配置说明

。不过有一点不同,如代码所示,我们需要把node的 require

方法引进来。最后一行是简单地加载模块的示例,requirejs会尝试把 foo

和 bar

两个模块当成AMD模块来加载,如果失败,则会调用node的 requie

方法来把它们当作commonjs模块加载。为了实现这样的适应性,所以我们需要配置node的 require

方法。但实际测试并不尽如人意,保险起见,还是对AMD模块使用 requirejs

加载,对commonjs模块使用 require

加载。

构造AMD格式的node模块

在node中定义的模块是commonjs模块,如果想要构造AMD模块,我们需要 amdefine

这个包。

安装amdefine

同样,可以使用npm进行安装,在项目目录下执行:

npm install amdefine

在windows下也存在无法全局安装的问题,需要对项目单独安装。

定义define方法

if(typeof define !== 'function'){

var define=require('amdefine')(module);

}

amdefine提供了包装AMD模块的 define

方法。不过上面代码中对于node中是否包含define方法的检测判断请保留,最好原封不动地将这几行拷贝到自己的项目中。这样,我们就可以像使用前端requirejs一样,定义和使用AMD模块。

将node自己的common模块转换为AMD模块

原本想通过引用`amdefine`包来实现node端AMD模块的定义,不过requirejs本身定义了`define`方法,不必额外引入其他包。

如何学requirejs看什么书

建议看官方文档。官方文档里面有RequireJS更详细、更全面的讲解,其他那些参考书之类的都是根据官方文档来的。也可参考RequireJS教程,里面有很详细的讲解。

相关链接:

requirejs config 单独写是一个js 文件 怎么写 放到什么位置

用法:data-main="js/main.js" src="js/require.js"main.js就是配置入口文件,相当于你说的config,需要在里面配置好路径和各个模块的依赖。详细用法参考官方文档。单页面应用很简单,只需要一个config,所有的模块都可以放到main.js里加载并初始化。多页面也可以,需要分层(lib,ui),入口文件main.js只当作配置公共的js文件,不用做加载业务逻辑的模块。多页面在写不同页面行间脚本的时候需要写2层,如:require(["js/config"],function(){ require(["dialog"],function(){ //dialog不需要写路径 //因为dialog及依赖已在config里配置好 })})

(责任编辑:IT教学网)

更多

推荐word文章