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