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

最新推荐文章于 2021-02-25 10:05:50 发布

糊糊

最新推荐文章于 2021-02-25 10:05:50 发布

阅读量3.9k

点赞数

分类专栏：网页制作 SPM使用方法文章标签： spm doc headjs

本文链接：https://blog.csdn.net/huyoo/article/details/22275383

版权

网页制作同时被 2 个专栏收录

59 篇文章 0 订阅

订阅专栏

SPM使用方法

7 篇文章 1 订阅

订阅专栏

这几天在看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>

有点忙，待会写。