一、HTML
1、標記語言
標記語言為非編程語言,不具備編程語言具備的程序邏輯
2、html為前端頁面的主體,由標簽、指令與轉義字符(實體)等組成
標簽:被尖括號包裹,由字母開頭包含合法字符的,可以被瀏覽器解析的標記。eg:系統標簽,自定義標簽
指令:被尖括號包裹,由!開頭的標記。eg:<!doctype html> <!-- -->
轉義字符:被&與;包裹的特殊字母組合或#開頭的十進制數。eg:< >
v_hint:轉義字符
3、html發展史代表版本
① html1:在1993年6月作為互聯網工程工作小組(IETF)工作草案發布(並非標准)
② html2:1995年11月作為RFC 1866發布,在RFC 2854於2000年6月發布之后被宣布已經過時
③ html3.2:1997年1月14日,W3C推薦標准
④ html4.0:1997年12月18日,W3C推薦標准
⑤ html4.01(微小改進):1999年12月24日,W3C推薦標准
⑤ html5:2014年10月28日,W3C推薦標准(h5草案的前身名為Web Applications 1.0。於2004年被WHATWG提出,於2007年被W3C接納,並成立了新的HTML工作團隊。在2008年1月22日,第一份正式草案發布。)
4、文檔類型
<!-- 標簽語法規范 -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html>
二、CSS
1、標記語言
標記語言為非編程語言,不具備編程語言具備的程序邏輯
2、css為前端頁面的樣式,由選擇器、作用域與樣式塊組成
選擇器:由標簽、類、id單獨或組合出現
作用域:一組大括號包含的區域
樣式塊:滿足css連接語法的眾多樣式
3、css發展史代表版本
① 1990年,Tim Berners-Lee和Robert Cailliau共同發明了Web。1994年,Web真正走出實驗室。
② 1994年哈坤·利提出了CSS的最初建議。而當時伯特·波斯(Bert Bos)正在設計一個名為Argo的瀏覽器,於是他們決定一起設計CSS。
③ 哈坤於1994年在芝加哥的一次會議上第一次提出了CSS的建議,1995年的www網絡會議上CSS又一次被提出,博斯演示了Argo瀏覽器支持CSS的例子,哈肯也展示了支持CSS的Arena瀏覽器。
④ 1997年初,W3C組織負責CSS的工作組開始討論第一版中沒有涉及到的問題。其討論結果組成了1998年5月出版的CSS規范第二版。
⑤ CSS3是CSS(層疊樣式表)技術的升級版本,於1999年開始制訂,2001年5月23日W3C完成了CSS3的工作草案,主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等模塊。
三、JavaScript
1、編程語言
實實在在的編程語言,完善的語法,可以完成復雜的程序邏輯
2、js為前端頁面的腳步,由DOM、BOM與ES組成
DOM:文檔對象模型(Document Object Model),是W3C組織推薦的處理可擴展標志語言的標准編程接口。
BOM:瀏覽器對象模型(Browser Object Model),是用於描述這種對象與對象之間層次關系的模型,瀏覽器對象模型提供了獨立於內容的、可以與瀏覽器窗口進行互動的對象結構。BOM由多個對象組成,其中代表瀏覽器窗口的Window對象是BOM的頂層對象,其他對象都是該對象的子對象。
ES:ES是一種開放的、國際上廣為接受的腳本語言規范(ECMAScript),正式名稱為 ECMA 262 和 ISO/IEC 16262,是宿主環境中腳本語言的國際 Web 標准。
3、js發展史
它最初由Netscape的Brendan Eich設計。JavaScript是甲骨文公司的注冊商標。Ecma國際以JavaScript為基礎制定了ECMAScript標准。JavaScript也可以用於其他場合,如服務器端編程。完整的JavaScript實現包含三個部分:ECMAScript,文檔對象模型,瀏覽器對象模型。
Netscape在最初將其腳本語言命名為LiveScript,后來Netscape在與Sun合作之后將其改名為JavaScript。JavaScript最初受Java啟發而開始設計的,目的之一就是“看上去像Java”,因此語法上有類似之處,一些名稱和命名規范也借自Java。但JavaScript的主要設計原則源自Self和Scheme。JavaScript與Java名稱上的近似,是當時Netscape為了營銷考慮與Sun微系統達成協議的結果。為了取得技術優勢,微軟推出了JScript來迎戰JavaScript的腳本語言。為了互用性,Ecma國際(前身為歐洲計算機制造商協會)創建了ECMA-262標准(ECMAScript)。兩者都屬於ECMAScript的實現。盡管JavaScript作為給非程序人員的腳本語言,而非作為給程序人員的腳本語言來推廣和宣傳,但是JavaScript具有非常豐富的特性。
發展初期,JavaScript的標准並未確定,同期有Netscape的JavaScript,微軟的JScript和CEnvi的ScriptEase三足鼎立。1997年,在ECMA(歐洲計算機制造商協會)的協調下,由Netscape、Sun、微軟、Borland組成的工作組確定統一標准:ECMA-262。
4、js框架
Angular、React與Vue等均是JavaScript主流框架
v_test:熟悉前端三劍客
前端三劍客大概代碼了解
html
1.為標記語言,是非編程語言
2.自身不具備邏輯,遇到負責重復操作只能全部手寫(Ctrl+C > V)
3.組成:標簽, 指令, 實體
標簽:由<>包裹,以字母開頭可以結合合法字符可以被瀏覽器解析的標記(純字母或字母與數字組合)
探討
<a_1>abc</a_1>
<a$1>def</a$1>
<1a>xyz</1a>
指令:被<>包裹,以!開頭的可以被瀏覽器解析的標記
eg: <!dcotype>
<!我也是注釋>
實體:被&;包裹的#開頭的十進制數或特殊字母組合
<zero
文檔類型:規定該頁面的標簽遵循的html語法(h5)
<!doctype html>
css
選擇器:由標簽/類/id單獨或組合出現
作用域:{}內部區域
樣式塊:滿足css鏈接語法的各種樣式
js
BOM:js操作瀏覽器
DOM:js操作頁面文檔
ES:js語法(ECAMScript)
LiveScript -> JavaScript