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