客服
head.js 小型網(wǎng)站并行動(dòng)態(tài)加載JS利器 (js文件加載器)
head.js —— The only script in your HEAD 讓head標簽中僅有一個(gè)script標簽
快速加載JS和css文件
通常情況下JS兩大特性 1. 載入后馬上執行 2. 執行時(shí)會(huì )阻塞頁(yè)面后續的內容 3. 串行加載 按順序加載，所以每個(gè)JS有加載時(shí)間，所以JS越多加載的時(shí)間越長(cháng)，如果采用并行加載也叫異步加載并行執行（就是所有JS文件同時(shí)加載）的話(huà)，JS加載速度能提高差不多一倍，headjs就是并行加載的方式來(lái)提高網(wǎng)站JS的加載速度，并且headjs提供了緩存機制，加載的文件可以被緩存，加載但不執行，僅當在我們想要執行的時(shí)候執行。
headjs的用法：
1. head.js('a.js') 異步加載js
2. head.js("a.js",function(){}); 異步加載a.js，只有a.js成功加載之后才執行函數
3. head.js('a.js','b.js','c.js'...'n.js') 并行下載里面的js，并按順序執行
4. head.js("a.js","b.js","c.js",function(){ }) a.js、b.js、 c.sj 并行下載里面的js，并按順序執行 全部加載成功后執行后面的回調函數
5. head.js(a.js); head.js(b.js); head.js(c.js) 類(lèi)似2
6. head.js(a.js).js(b.js).js(c.js) 類(lèi)似2
7. head.read(function(){}) 簡(jiǎn)潔寫(xiě)法 head(function(){}); 頁(yè)面所有head.js加載完成之后才會(huì )執行
8. head.read('a.js',function(){}) 在頁(yè)面所有head.js加載完成之后才加載a.js
9. head.onlyready('a.js') //僅加載 只負責加載JS但不執行
10. head.ready('c.js',function(){
a.execut(); //在需要執行的地方執行execut方法。
})
11. head.load('jQuery.js',function(){})
12. head.load('a.css')
head.test head.feature head.boxshadow ....
給腳本起別名
head.js(
{a:"http://www.ccdyk.cn/js/a.js"},
{b:"http://www.ccdyk.cn/js/b.js"},
{c:"http://www.ccdyk.cn/js/c.js"},
"d.js" //別名可選
)
head.ready('a',function(){
alert('a.js加載完成')；
}) 頁(yè)面中的d.js加載完成后才加載a.js 并執行回調函數
可以先將頁(yè)面全部輸出再用headjs加載需要的腳本，應用window.onload事件，防止腳本加載不成功頁(yè)面一直打轉！
<script type="text/javascript" src="head.js"></script>
<script type="text/javascript">
window.onload=function(){
head.js('jquery.js'),function(){}
}
</script>
相關(guān)文章：
-
隨著(zhù)扁平化設計的流行，現在大部分的網(wǎng)站已經(jīng)擺脫了立體框架。Win8系統的推行，蘋(píng)果主題設計也轉變?yōu)楸馄交Ｊ?，這足以證明了扁平化設計的發(fā)展潮流。雖然扁平化設計看似簡(jiǎn)潔，...
-
不少剛接觸網(wǎng)站優(yōu)化的站長(cháng)都覺(jué)得這是一門(mén)深不可測的學(xué)問(wèn)。這種想法是片面的，我們可以將seo分解開(kāi)，就是說(shuō)把網(wǎng)站中的每一個(gè)元素和環(huán)節都細分進(jìn)行優(yōu)化。那么，究竟哪幾個(gè)因素可...
-
很多做優(yōu)化的人都曾遇到過(guò)網(wǎng)站排名下降的情況，網(wǎng)站排名怎么突然就下降了呢？這種情況并不是絕對的，只是說(shuō)有可能發(fā)生，如果不能知道是不是降權而去盲目操作，很有可能對網(wǎng)站...
-
談到SEO，大家都有著(zhù)自己的經(jīng)驗與看法，但是，很多人做了很長(cháng)時(shí)間是SEO工作后，還是有一些技巧容易被忽略，或許我們對于常規的SEO方式已經(jīng)熟爛于心，但是，如果再加上一些小技巧...
-
劍鋒網(wǎng)絡(luò )1月10日訊，企業(yè)在建站時(shí)對于選擇模板建站還是定制網(wǎng)站會(huì )考慮眾多因素，那么，模板建站和定制開(kāi)發(fā)最核心的區別又到底是什么呢? 一、質(zhì)量 模版網(wǎng)站相對來(lái)說(shuō)建站價(jià)格會(huì )相...
-
每個(gè)站長(cháng)都盼望本身的站變得更滑稽，可以大概不修正網(wǎng)站模板，網(wǎng)站模板面臨的竄改可以大概體重會(huì )低落，西安網(wǎng)站建設公司將關(guān)照你：怎么防備修正頁(yè)面模板后的權重低落。 1 需求...
-
網(wǎng)絡(luò )營(yíng)銷(xiāo)的成功在很大程度上與網(wǎng)站建設和維護有關(guān)。公司在努力提高網(wǎng)站的影響時(shí)，要考慮網(wǎng)站開(kāi)發(fā)的17個(gè)階段。一般說(shuō)來(lái)，對每個(gè)階段實(shí)施的越徹底，獲得的利益也就越大。但是公...
-
百度競價(jià)是一個(gè)開(kāi)放式的平臺，我們可以購買(mǎi)競爭對手的品牌詞（俗稱(chēng)競品詞），當用戶(hù)搜索此類(lèi)關(guān)鍵詞時(shí)，可以展現我們的廣告創(chuàng )意，那么問(wèn)題就來(lái)了：如果競爭對手購買(mǎi)我們的品牌...
-
要領(lǐng)一：網(wǎng)站建設之確定網(wǎng)站建設主題 做網(wǎng)站，首先必須要解決的是確定網(wǎng)站建設的主題。美國《個(gè)人電腦》雜志(pc magazine)評出了99年度排名前100位的全美知名網(wǎng)站的十類(lèi)題材：第1類(lèi)...
-
網(wǎng)站建設中容易忽視的細節問(wèn)題，有很多的站長(cháng)在做網(wǎng)站優(yōu)化的時(shí)候心里只記著(zhù)：內容為王，外鏈為皇的傳統理論，還有些經(jīng)驗老道一點(diǎn)的站長(cháng)還會(huì )關(guān)注一下內鏈的建設，但我們做網(wǎng)站...