WEB前端 開發(fā)教程

時間：2023-10-02 18:24:01 | 來源：網(wǎng)站運營

時間：2023-10-02 18:24:01 來源：網(wǎng)站運營

WEB前端 開發(fā)教程：WEB前端對于網(wǎng)站來說，通常是指，網(wǎng)站的前臺部分包括網(wǎng)站的表現(xiàn)層和結(jié)構(gòu)層。因此前端技術(shù)一般分為前端設(shè)計和前端開發(fā)，前端設(shè)計一般可以理解為網(wǎng)站的視覺設(shè)計，前端開發(fā)則是網(wǎng)站的前臺代碼實現(xiàn)，包括基本的HTML和CSS以及JavaScript/ajax，現(xiàn)在最新的高級版本HTML5、CSS3，以及SVG等。HTML、CSS、JavaScript這三個是前端開發(fā)中最基本也是最必須的三個技能。

HTML

指的是超文本標(biāo)記語言 (Hyper Text Markup Language)，這個也是我們網(wǎng)頁最常用普通的語言了，經(jīng)歷了多個版本的發(fā)展。目前開發(fā)到第五代，得力于W3C建立的標(biāo)準(zhǔn)和規(guī)范，已普遍升級到了XHTML，XHTML 指可擴(kuò)展超文本標(biāo)簽語言（EXtensible HyperText Markup Language）， XHTML 于2000年的1月26日成為 W3C 標(biāo)準(zhǔn)，是更嚴(yán)格更純凈的 HTML 代碼，XHTML 的目標(biāo)是取代 HTML。XHTML 與 HTML 4.01 幾乎是相同的，XHTML 是作為一種 XML 應(yīng)用被重新定義的 HTML，是一個 W3C 標(biāo)準(zhǔn)。W3C 將 XHTML 定義為最新的HTML版本。所有新的瀏覽器都支持 XHTML。

HTML 4.0同樣也加入了很多特定瀏覽器的元素和屬性，但是同時也開始“清理”這個標(biāo)準(zhǔn)，把一些元素和屬性標(biāo)記為過時，建議不再使用它們。HTML的未來和CSS結(jié)合會更好。

HTML 5草案的前身名為Web Applications 1.0。于2004年被WHATWG提出，于2007年被W3C接納，并成立了新的HTML工作團(tuán)隊。在2008年1月22日，第一份正式草案發(fā)布。

CSS

CSS是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言，被用于描述網(wǎng)頁上的信息格式化和現(xiàn)實的方式。CSS樣式可以直接存儲于HTML網(wǎng)頁或者單獨的樣式單文件。無論哪一種方式，樣式單包含將樣式應(yīng)用到指定類型的元素的規(guī)則。外部使用時，樣式單規(guī)則被放置在一個帶有文件擴(kuò)展名_css的外部樣式單文檔中。

樣式規(guī)則是可應(yīng)用于網(wǎng)頁中元素，如文本段落或鏈接的格式化指令。樣式規(guī)則由一個或多個樣式屬性及其值組成。內(nèi)部樣式單直接放在網(wǎng)頁中，外部樣式單保存在獨立的文檔中，網(wǎng)頁通過一個特殊標(biāo)簽鏈接外部樣式單。

名稱CSS中的“層疊（cascading）”表示樣式單規(guī)則應(yīng)用于HTML文檔元素的方式。具體地說，CSS樣式單中的樣式形成一個層次結(jié)構(gòu)，更具體的樣式覆蓋通用樣式。樣式規(guī)則的優(yōu)先級由CSS根據(jù)這個層次結(jié)構(gòu)決定，從而實現(xiàn)級聯(lián)效果。

JavaScript

JavaScript是一種腳本語言，其源代碼在發(fā)往客戶端運行之前不需經(jīng)過編譯，而是將文本格式的字符代碼發(fā)送給瀏覽器由瀏覽器解釋運行。直譯語言的弱點是安全性較差，而且在JavaScript中，如果一條運行不了，那么下面的語言也無法運行。而其解決辦法就是于使用try{}catch(){}︰







Javascript被歸類為直譯語言，因為主流的引擎都是每次運行時加載代碼并解譯。V8是將所有代碼解譯后再開始運行，其他引擎則是逐行解譯（SpiderMonkey會將解譯過的指令暫存，以提高性能，稱為實時編譯），但由于V8的核部份份多數(shù)用Javascript撰寫（而SpiderMonkey是用C++），因此在不同的測試上，兩者性能互有優(yōu)劣。與其相對應(yīng)的是編譯語言，例如C語言，以編譯語言編寫的程序在運行之前，必須經(jīng)過編譯，將代碼編譯為機(jī)器碼，再加以運行。