按需加载.js .css文件-优快云博客

本文介绍按需加载的概念及其实现方式，通过动态创建元素来延迟加载JS和CSS资源，提高网页性能。文中还展示了如何使用require.js进行管理，并提供了一个具体的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先，理解按需加载当你需要用到某个js里面的函数什么鬼，或者某个css里的样式的时候你才开始加载这个文件。

然后是怎样实现的，简单来说就是在js中动态的createElem<script><link>这两种元算--这句话是说给自己的。可以绑定点击事件，滚轮事件（例如图片的懒加载是动态的。）

使用 require.js （一个按需加载的插件）管理.js按需加载，来自http://www.cnblogs.com/chenxizhang/archive/2013/05/16/3081941.html

/// <reference path="require.js" />
/// <reference path="jquery-2.0.0.js" />
/// <reference path="knockout-2.2.1.js" />
//对requirejs进行一些基本配置
requirejs.config({
    paths: {
        jquery: "jquery-2.0.0.min" //指定一个路径别名
        , knockout: "knockout-2.2.1"
    }
});
//声明下面的代码是需要jquery这个库的
require(['jquery'], function ($) {
    $(function () {
        //只有用户点击了某个按钮，才动态加载knockoutjs
        $("#test").click(
            function () {
                require(['knockout'], function (ko) {
                    alert(ko.version);
                });
            }
        );
    });
});