requireJS心得

最近有幸接触到前端分模块加载JS框架，并且结合avalonJS使用，在此记录学习痕迹：

a、实现js文件的异步加载，避免网页失去响应；

b、管理模块之间的依赖性，便于代码的编写和维护。

（1）requireJS：定义三个变量：define,require,requirejs，其中require === requirejs，一般使用require更简短

• define：定义一个模块
• require：加载依赖模块，并执行加载完后的回调函数 (及可以在页面中使用，也可以在其他js需要的地方使用，比如在avalonJS中)

（2）require.config：用于配置依赖模块位置信息（paths）,基础目录（baseUrl）,非AMD规范模块（shim）

（3）采用main.js结合require.config配置依赖模块信息，作为公用部分，一般是定义jqueryJS,avalonJS,AngularJS，NodeJS等，定义之后在页面中便可以加载，同时通过data-main="XXX/main"定位

（4）加载requireJS时可以使用 defer async="true" 异步加载（defer兼容IE,和async='true'相同）

（5）require加载依赖模块，第一个参数必须是数组，哪怕只有一个依赖模块；第二个参数为加载完成回调函数

（6）requireJS具有domready,text,image,json,mdown等插件

 

转载于:https://www.cnblogs.com/zhang134you/p/5567654.html