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

时间:2023-12-28 17:37:02

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

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

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

比如要加载jqeury, 只需要

  1. <html>
  2. <head>
  3. <script src="head.min.js"></script>
  4. <script>
  5. head.load("jquery.min.js", "bootstrap.js"); // 异步加载, head 标签里就放这一个js
  6. </script>
  7. </head>
  8. <body>
  9. <!-- my content-->
  10. <script>
  11. head.ready("jquery.min.js", function () {
  12. // jquery加载完了就开始干活
  13. $(".main").hide();
  14. });
  15. </script>
  16. </body>
  17. </html>
  18. 更多开发学习资料请访问www.javarecord.com