一、前端是什么
試想一個(gè)瀏覽網(wǎng)頁(yè)的場(chǎng)景：
1、擁有一臺(tái)能上網(wǎng)的電腦（裝有瀏覽器）
2、打開(kāi)瀏覽器，在地址欄輸入想要瀏覽的網(wǎng)址，然后回車(chē)（發(fā)送請(qǐng)求）
3、網(wǎng)址所在的服務(wù)器接收到請(qǐng)求，根據(jù)網(wǎng)址準(zhǔn)備好需要發(fā)送的內(nèi)容（前端頁(yè)面），發(fā)送給瀏覽器
4、瀏覽器接收服務(wù)器發(fā)送回來(lái)的內(nèi)容，并在瀏覽器窗口展示網(wǎng)站內(nèi)容
狹義來(lái)講，瀏覽器窗口以及里面展示的內(nèi)容就是前端的范疇，而負(fù)責(zé)該范疇內(nèi)容開(kāi)發(fā)工作的技術(shù)人員（崗位）既是前端開(kāi)發(fā)、web前端（簡(jiǎn)稱(chēng)前端）。那么，前端指代網(wǎng)站系統(tǒng)的瀏覽器端展示范疇，也表示該范疇的開(kāi)發(fā)工作者（崗位）。
二、前端組成
瀏覽網(wǎng)頁(yè)時(shí)看見(jiàn)的各式各樣的頁(yè)面大體可由三個(gè)部分組成：
1、頁(yè)面的數(shù)據(jù)：文字、圖片、音樂(lè)等包含信息的部分（數(shù)據(jù)）
2、頁(yè)面的樣式：所有頁(yè)面內(nèi)容的大小、顏色、形狀等視覺(jué)特征（表現(xiàn)）
3、頁(yè)面的交互：瀏覽者通過(guò)鼠標(biāo)、鍵盤(pán)等設(shè)備與頁(yè)面交互（點(diǎn)擊、雙擊、移動(dòng)鼠標(biāo)、鍵盤(pán)輸入、、、）時(shí)網(wǎng)頁(yè)的反應(yīng)（交互）
三個(gè)部分分別由三門(mén)語(yǔ)言（暫且這么認(rèn)為）來(lái)編寫(xiě)，合在一起就構(gòu)成了一個(gè)完整的頁(yè)面，即服務(wù)器發(fā)送給瀏覽器的內(nèi)容。頁(yè)面的數(shù)據(jù)和頁(yè)面結(jié)構(gòu)密不可分，通過(guò)HTML（超文本標(biāo)記語(yǔ)言）來(lái)完成。頁(yè)面的樣式通過(guò)CSS（層疊樣式表）來(lái)控制。頁(yè)面的交互通過(guò)javascript實(shí)現(xiàn)。
三、頁(yè)面示例
具體代碼如下：
<!DOCTYPE html><html><head><title>頁(yè)面示例</title><style type="text/css">body{color: red;}</style></head><body>我是頁(yè)面示例<script type="text/Javascript">window.onclick = function() {alert("您點(diǎn)擊了頁(yè)面！");}</script></body></html>
新建txt文件并打開(kāi)，將此段代碼拷貝進(jìn)去，保存。然后將此文件擴(kuò)展名改為html，最后用瀏覽器打開(kāi)該文件即可看見(jiàn)效果。
------------------------ 分隔線呀分隔線 ------------------------------
試著寫(xiě)寫(xiě)前端學(xué)習(xí)的歷程，有錯(cuò)誤之處歡迎拍磚（可以打臉）
新聞熱點(diǎn)
疑難解答
圖片精選
