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

 

posted @ 2016-06-07 17:20  燃烧小火苗  阅读(204)  评论(0编辑  收藏  举报