js的异步加载(requirejs)

来源:互联网 发布:分布式数据库的优势 编辑:程序博客网 时间:2024/06/06 04:24

AMD define

最近研究基于knockout 组件的前端框架,主要的涉及requirejs 、 require-text sammy bootstrap等。此篇介绍涉及的requirejs的基础。

  • 1、AMD 异步加载模块(requirejs)
    requirejs.config({
    baseurl:”/js/lib” //加载所有的模块都是在这个基础路径下
    paths:{
    “app”:”../app”, //以app开头的都是在此路径下
    “bootstrap”: “framework/scripts/libs/bootstrap” //加载bootstrap模块
    }
    });
    requirejs([‘jquery’, ‘canvas’, ‘app/sub’], //依赖到的js文件
    function ($, canvas, sub) {
    //jQuery, canvas and the app/sub module are all
    //loaded and can be used here now.
    });

  • 2 requirejs中的define(实现模块,防止控件污染)

    define(“foo/title”, //模块名称
    [“my/cart”, “my/inventory”],//依赖的模块
    function(cart, inventory) { //模块的实体,可以是一个函数也可是一个对象,但是返回值中必须包含一个对象
    //Define foo/title object in here.
    }
    );

0 0
原创粉丝点击