Dom 加載順序 和延時(shí)加載

1 瀏覽器解釋html文件中的所有內(nèi)容是從上到下加載的餐禁!瀏覽器解釋html文件中的所有內(nèi)容是從上到下加載的突照!瀏覽器解釋html文件中的所有內(nèi)容是從上到下加載的!重要的事情說三遍。

1.1 ? 找到CSS和JS的正確位置? 所以我們寫文件的時(shí)候副砍,要把CSS樣式寫在head中, 如果放底部的話角骤,頁面結(jié)構(gòu)出來了心剥,css還沒開始渲染。然而js文件卻應(yīng)該盡量放在下面蝉揍,除了少量輕量級(jí)畦娄、并且非常重要的js可以放在上面以外,剩下的都應(yīng)該寫在body底部或body下面熙卡,尤其是大一些的js文件,最好也在最后引入滑燃。

1.2 ??加載順序? 現(xiàn)在就來說說dom的加載順序颓鲜,其實(shí)dom的加載真的就是從上到下啊,都打好冒號(hào)敲好回車了竟然還是覺得寫成一段話比較明白蚊丐。瀏覽器解釋文件會(huì)從上到下順序解釋艳吠,遇到樣式就把樣式加載到內(nèi)存,遇到標(biāo)簽就加載標(biāo)簽,遇到j(luò)s就加載js黍匾,遇到文件就先下載文件呛梆,然后加載里面的內(nèi)容,加完完內(nèi)容之后就回到原ng頁面接著解釋纹腌。滞磺。。就是醬紫击困。阅茶。。

1.3 頁面的加載順序是從上至下的脸哀。

$(function(){...})是在頁面JS加載完之后才會(huì)加載。 類似于body標(biāo)簽的onload事件白筹。

所以一般外部引入js寫在最上面谅摄。 頁面里面的JS寫在最下面。

有了上面這些基礎(chǔ)顽照,就算遇到異步加載等復(fù)雜的問題闽寡,其實(shí)也是由最基本的原因引起的,遇到問題不要慌植影,一點(diǎn)點(diǎn)的尋找原因涎永,計(jì)算機(jī)很單純鹿响,你說1它不會(huì)做2谷饿,總之它不對(duì),一定不是它的錯(cuò)~~~

2 延時(shí)加載方法

? 2.1 setTimeout(function ( ) { ??},200)在function寫需要延時(shí)加載的東西 ?200指的是毫秒博投。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末毅哗,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子叉跛,更是在濱河造成了極大的恐慌蒸殿,老刑警劉巖鸣峭,帶你破解...
    沈念sama閱讀 211,496評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件摊溶,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡莫换,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,187評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來喊暖,“玉大人,你說我怎么就攤上這事狞尔」簦” “怎么了?”我有些...
    開封第一講書人閱讀 157,091評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵研儒,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我州胳,道長(zhǎng)逸月,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,458評(píng)論 1 283
  • 正文 為了忘掉前任瓤湘,我火速辦了婚禮恩尾,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘木人。我一直安慰自己冀偶,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,542評(píng)論 6 385
  • 文/花漫 我一把揭開白布稠曼。 她就那樣靜靜地躺著客年,像睡著了一般。 火紅的嫁衣襯著肌膚如雪司恳。 梳的紋絲不亂的頭發(fā)上绍傲,一...
    開封第一講書人閱讀 49,802評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音铅鲤,去河邊找鬼枫弟。 笑死,一個(gè)胖子當(dāng)著我的面吹牛骇塘,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播款违,決...
    沈念sama閱讀 38,945評(píng)論 3 407
  • 文/蒼蘭香墨 我猛地睜開眼插爹,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了力穗?” 一聲冷哼從身側(cè)響起气嫁,我...
    開封第一講書人閱讀 37,709評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎寸宵,沒想到半個(gè)月后崖面,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,158評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡梯影,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,502評(píng)論 2 327
  • 正文 我和宋清朗相戀三年巫员,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片光酣。...
    茶點(diǎn)故事閱讀 38,637評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖脉课,靈堂內(nèi)的尸體忽然破棺而出救军,到底是詐尸還是另有隱情,我是刑警寧澤倘零,帶...
    沈念sama閱讀 34,300評(píng)論 4 329
  • 正文 年R本政府宣布唱遭,位于F島的核電站,受9級(jí)特大地震影響呈驶,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜袖瞻,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,911評(píng)論 3 313
  • 文/蒙蒙 一司致、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧聋迎,春花似錦脂矫、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,744評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽捞奕。三九已至,卻和暖如春拄轻,著一層夾襖步出監(jiān)牢的瞬間颅围,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,982評(píng)論 1 266
  • 我被黑心中介騙來泰國(guó)打工恨搓, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留院促,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,344評(píng)論 2 360
  • 正文 我出身青樓奶卓,卻偏偏與公主長(zhǎng)得像一疯,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子夺姑,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,500評(píng)論 2 348

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案墩邀? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,737評(píng)論 1 92
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,769評(píng)論 25 707
  • <a name='html'>HTML</a> Doctype作用启昧?標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別? (1)夸溶、<...
    clark124閱讀 3,462評(píng)論 1 19
  • 查看差異文件 要導(dǎo)出Git倉庫中某兩次提交之間的文件差異刽肠,必須要先知道有哪些文件發(fā)生了差異在辆。git diff指令能...
    聰了個(gè)穎閱讀 13,343評(píng)論 1 5
  • 喝最苦的咖啡丐黄,品最烈的酒斋配,做最壞的人。 不在乎任何的事情灌闺,不給予最激烈的反應(yīng)艰争,越是美好的東西越要淺嘗輒止。 悲傷慢...
    尤物y閱讀 293評(píng)論 0 2