頁面上很多靜態檔案,使瀏覽器等待檔案下載,導致頁面短暫性的的當機,畫面整個卡住,滑鼠連點擊的動作都無法執行,因此許多人會使用動態方式加載靜態檔案,諸如javascript, css, img...等。 針對Javascript, CSS檔案,特別介紹這套 SeaJS ,有別于之前介紹的 NodeJS ,兩者都屬於遵從 commonJS 規範編寫而成,但是 SeaJS 主要針對前端Javascript , CSS下載時,使用nonblocking的方式,同時可以使用callback來執行接下來要處理的事情。 通常一般頁面處理,讀取靜態檔案方式如下: <script src="/js/jquery.min.js"></script> <script src="/js/jquery.easing-1.3.pack.js"></script> <script src="/js/jquery.mousewheel-3.0.4.pack.js"></script> <script src="/js/jquery.fancybox-1.3.4.js"></script> <link rel="stylesheet" href="/js/jquery.fancybox-1.3.4.css"/>
熱血,是一輩子的事! Answer is there, dig it.