这几天在看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>
- 更多开发学习资料请访问www.javarecord.com