当前位置: 首页 > 工具软件 > HeadJS > 使用案例 >

spm使用之七不用seajs改用headjs起步

步博艺
2023-12-01

这几天在看phpwind官方网站, 他们的前端用了一个叫做head.js的js加载器, 官方网站在 http://headjs.com/ 号称是你只需要在你的html文件中的<head></head>段里只用这一个 head.js就够了.


听上去挺好的, 毕竟<head></head>里有无数个js和css, 已经是很多人遇到的痛苦了.


headjs能够干啥呢, 基本上就是js异步加载器, css也能异步加载, js异步加载, 同步执行.

比如要加载jqeury, 只需要

<html>
    <head>
        <script src="head.min.js"></script>
        <script>
            head.load("jquery.min.js", "bootstrap.js"); // 异步加载, head 标签里就放这一个js
        </script>
    </head>
    <body>
        <!-- my content-->

        <script>
             head.ready("jquery.min.js", function () {
                // jquery加载完了就开始干活
                $(".main").hide();
            });
        </script>
    </body>
</html>

有点忙, 待会写。

 类似资料: