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等插件

 

相关文章