前端即網站前臺部分,運行在PC端,移動端等瀏覽器上展現給用戶瀏覽的網頁。
廣義上的前端指所有用戶可以直接看見并交互的界面,狹義上的前端則指瀏覽器上運行的用戶交互界面。
隨著互聯網技術的發展,可通過HTML5、CSS3及前端框架實現跨平臺響應式網頁設計,使其能夠自適應各種屏幕分辨率,結合合適的動效設計與交互邏輯,為用戶帶來流暢的視覺體驗。
網站前端技術
前端技術一般分為前端設計和前端開發,前端設計側重于網站的視覺呈現與交互設計,涉及色彩搭配、排版布局、用戶體驗(UX)優化等,常用工具包括Figma、Sketch、Adobe XD等,前端開發則是網站的前臺代碼實現,包括基本的HTML和層疊樣式表以及ECMAScript/ajax,現在最新的高級版本HTML5、CSS3,以及SVG等。
前端開發技能
HTML、CSS、JavaScript
這三個是前端開發中最基本也是最必須的三個技能。前端的開發中,在頁面的布局時, HTML將元素進行定義,CSS對展示的元素進行定位,再通過JavaScript實現相應的效果和交互。雖然表面看起來很簡單,但這里面需要掌握的東西絕對不會少。在進行開發前,需要對這些概念弄清楚、弄明白,這樣在開發的過程中才會得心應手。
指的是超文本標記語言 (Hyper Text Markup Language),這個也是我們網頁最常用普通的語言了,經歷了多個版本的發展,已經發展到5.0版了,得力于W3C建立的標準和規范,已普遍升級到了XHTML,XHTML 指可擴展超文本標簽語言(EXtensible HyperText Markup Language), XHTML 于2000年的1月26日成為 W3C 標準,是更嚴格更純凈的 HTML 代碼,XHTML 的目標是取代 HTML。XHTML 與 HTML 4.01 幾乎是相同的,XHTML 是作為一種 XML 應用被重新定義的 HTML,是一個 W3C 標準。W3C 將 XHTML 定義為最新的HTML版本。所有新的瀏覽器都支持 XHTML。
級聯樣式表(Cascading Style Sheet)簡稱“CSS”,通常又稱為“風格樣式表(Style Sheet)”,它是用來進行網頁風格設計的。比如,如果想讓鏈接字未點擊時是藍色的,當鼠標移上去后字變成紅色的且有下劃線,這就是一種風格。通過設立樣式表,可以統一地控制HTML中各標志的顯示屬性。級聯樣式表可以使人更能有效地控制網頁外觀。使用級聯樣式表,可以擴充精確指定網頁元素位置,外觀以及創建特殊效果的能力。
JavaScript
是一種由網景的LiveScript發展而來的原型化繼承的面向對象的動態類型的區分大小寫的客戶端腳本語言,主要目的是為了解決服務器端語言,比如Perl,遺留的速度問題,為客戶提供更流暢的瀏覽效果。當時服務端需要對數據進行驗證,由于網絡速度相當緩慢,只有28.8kbps,驗證步驟浪費的時間太多。于是Netscape的瀏覽器Navigator加入了Javascript,提供了數據驗證的基本功能。
參考資料 >
前端技術概況.博客園.2022-10-29