如何使JavaScript更高效

來自:眾成翻譯? 譯者:邊城

動態(tài)創(chuàng)建 元素

加載和處理腳本需要時間迂求,但有些時候窜醉,加載了腳本卻從未使用。加載這樣的腳本純粹是在浪費(fèi)時間和資源斥季,最好根本就不要加載不使用的腳本。通過一個簡單的加載器腳本可以檢查其它腳本是否會用到,只有在腳本實(shí)際用到的時候才創(chuàng)建腳本元素。

理論上來說,在頁面加載完成之后可以通過 SCRIPT 元素來加載額外的腳本并通過 DOM 添加到文檔中劫拗。當(dāng)前所有主流瀏覽器都支持這樣做,但是它實(shí)際上可能是在瀏覽器上請求而不是立即加載腳本矾克。另外页慷,如果需要在頁面加載完成之前加載腳本,就最好在腳本加載的過程中進(jìn)行檢查并使用 document.write 來創(chuàng)建腳本標(biāo)簽胁附。千萬記得要轉(zhuǎn)義斜杠以免過早結(jié)果當(dāng)前腳本:

if(document.createElement && document.childNodes) { ?document.write('<\/script>');}if(window.XMLHttpRequest) { ?document.write('<\/script>');}

location.replace() 控制歷史記錄

偶爾是需要使用腳本來改變頁面地址酒繁。最典型的做法是給 location.href 賦予一個新地地址。這樣做會添加一個歷史記錄控妻,同時加載一個新的頁面州袒,這和激活一個普通的鏈接一樣。

在某些情況下弓候,并不希望出現(xiàn)一條額外的歷史記錄郎哭,因?yàn)橛脩舨恍枰氐街暗捻撁妗H绻趦?nèi)存特別重要的環(huán)境下菇存,這樣做就非常有用夸研。當(dāng)前頁面使用的內(nèi)存可以通過替換歷史記錄來得到重新利用,使用 location.replace() 方法就可以做到撰筷。

`location.replace('newpage.html');`

請注意陈惰,該頁可能仍然保留在緩存中,并可能在那里使用內(nèi)存毕籽,但不會用到像保存在歷史記錄里那么多。

京程一燈井辆,夢起的地方关筒,我們始終相信通過努力,可以改變自己的命運(yùn)杯缺。

我們始終相信蒸播,通過堅持不懈,可以為大家解決更多的前端技術(shù)問題萍肆。

我們始終相信袍榆,時間可以證明,我們可以為廣大IT從業(yè)者解決前端學(xué)習(xí)路線塘揣。

HTML5包雀,CSS3,Web前端亲铡,jquery才写,javascript葡兑,前端學(xué)習(xí)路線,各類問題赞草,我們都可以為你解決讹堤。

更多技術(shù)好文,前端問題厨疙,面試技巧洲守,請關(guān)注京程一燈(原一燈學(xué)堂)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市沾凄,隨后出現(xiàn)的幾起案子梗醇,更是在濱河造成了極大的恐慌,老刑警劉巖搭独,帶你破解...
    沈念sama閱讀 217,907評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件婴削,死亡現(xiàn)場離奇詭異,居然都是意外死亡牙肝,警方通過查閱死者的電腦和手機(jī)唉俗,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,987評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來配椭,“玉大人虫溜,你說我怎么就攤上這事」筛祝” “怎么了衡楞?”我有些...
    開封第一講書人閱讀 164,298評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長敦姻。 經(jīng)常有香客問我瘾境,道長,這世上最難降的妖魔是什么镰惦? 我笑而不...
    開封第一講書人閱讀 58,586評論 1 293
  • 正文 為了忘掉前任迷守,我火速辦了婚禮,結(jié)果婚禮上旺入,老公的妹妹穿的比我還像新娘兑凿。我一直安慰自己,他們只是感情好茵瘾,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,633評論 6 392
  • 文/花漫 我一把揭開白布礼华。 她就那樣靜靜地躺著,像睡著了一般拗秘。 火紅的嫁衣襯著肌膚如雪圣絮。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,488評論 1 302
  • 那天聘殖,我揣著相機(jī)與錄音晨雳,去河邊找鬼行瑞。 笑死,一個胖子當(dāng)著我的面吹牛餐禁,可吹牛的內(nèi)容都是我干的血久。 我是一名探鬼主播,決...
    沈念sama閱讀 40,275評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼帮非,長吁一口氣:“原來是場噩夢啊……” “哼氧吐!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起末盔,我...
    開封第一講書人閱讀 39,176評論 0 276
  • 序言:老撾萬榮一對情侶失蹤筑舅,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后陨舱,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體翠拣,經(jīng)...
    沈念sama閱讀 45,619評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,819評論 3 336
  • 正文 我和宋清朗相戀三年游盲,在試婚紗的時候發(fā)現(xiàn)自己被綠了误墓。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,932評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡益缎,死狀恐怖谜慌,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情莺奔,我是刑警寧澤欣范,帶...
    沈念sama閱讀 35,655評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站令哟,受9級特大地震影響恼琼,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜屏富,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,265評論 3 329
  • 文/蒙蒙 一驳癌、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧役听,春花似錦、人聲如沸表窘。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,871評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽乐严。三九已至瘤袖,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間昂验,已是汗流浹背捂敌。 一陣腳步聲響...
    開封第一講書人閱讀 32,994評論 1 269
  • 我被黑心中介騙來泰國打工艾扮, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人占婉。 一個月前我還...
    沈念sama閱讀 48,095評論 3 370
  • 正文 我出身青樓泡嘴,卻偏偏與公主長得像,于是被迫代替她去往敵國和親逆济。 傳聞我的和親對象是個殘疾皇子酌予,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,884評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 高效的 JavaScript 本文轉(zhuǎn)載自:眾成翻譯譯者:邊城鏈接:http://www.zcfy.cc/artic...
    唯我樓蘭閱讀 308評論 0 0
  • 一、JS前言 (1)認(rèn)識JS 也許你已經(jīng)了解HTML標(biāo)記(也稱為結(jié)構(gòu))奖慌,知道了CSS樣式(也稱為表示)抛虫,會使用HT...
    凜0_0閱讀 2,770評論 0 8
  • 一、概述 document節(jié)點(diǎn)是整個文檔樹的頂層節(jié)點(diǎn)简僧,每張網(wǎng)頁都有自己的document節(jié)點(diǎn)建椰。window.doc...
    周花花啊閱讀 1,327評論 0 1
  • 蔣濱蔚的10月檢視 10月悄悄結(jié)束,感謝自己一直很努力岛马,感謝身邊的好事壞事磨練激勵我棉姐! 【10月成果和感受】 健康...
    蔣濱蔚閱讀 450評論 5 2
  • 我在等,等這個世界上能夠和我一起生活的人蛛枚,性格與生活方式跟我相同或接近谅海。也怕,錯過了的也許才是最好的蹦浦,扭吁,總是舔著傷...
    顧是年閱讀 727評論 0 1