如何向小白解釋 jQuery、CSS3和HTML5 的關係?
我們看到的網頁是由3個部分組成的:html、js和css。
木偶戲大家都看過吧,我們可以拿木偶戲類比:html就是網頁的結構,類似於木偶的骨骼,或者說一個光禿禿的木偶;css是網頁的樣式,可以把它想像成木偶穿的衣服;同樣的木偶,穿上不同的衣服就有不同的樣子,類似的,同樣的html,有不同的css就可以顯示不同的樣式;js是控制交互的,可以通過js操作網頁的交互(比如點擊之後出彈窗之類的),可以把它想像成控制木偶的線,讓木偶做出各種動作。
HTML是由多種骨頭(標籤)組成的骨架。
HTML5是更多的新骨頭(標籤),同時去掉了以前覺得不好用的骨頭。
CSS是皮膚;CSS3是更美的皮膚。
JS控制單個動作 (抬手,張嘴,放下手,抬腿,轉頭,握拳等) 。
jQuery是把一組常用動作編排成了一個招式。
(例如吃飯這個動作裡面編排了:拿起勺子,挖一勺飯,把勺子貼近嘴,張嘴,勺子送進嘴,勺子拿出嘴,咀嚼。)
還可以把整個過程比喻成組裝一個機器人的過程:
HTML是這個機器人的支架、骨骼、關節;
CSS是這個機器人外部的塗裝:用什麼顏色、什麼主題(熒光白 鑽石紅);
JS是控制這個機器人行為的:讓他抬胳膊、開火、行走、跑步等等;
HTML5是一種新型材料組成的支架,更耐用、更簡潔、更清晰,同時提供一些可以調用的新的牛逼的行為(JS API)。
比如:獲得該機器人坐標、自動緩存數據、繪圖功能等等。
CSS3是一種改進版塗裝,更輕、渲染更快、顏色更加絢麗;
Jquery是基於JS封裝好的控制行為的庫,用這種指令,就可以更快的寫出控制機器人行為的內容,用這種東西寫出的指令,開發人員可以節省時間、提高效率,但是沒有原生的動作(JS)他什麼都做不了;
而你完成的網站或者 web APP 就是組裝好的機器人。
TAG:千鋒教育 |