站長(zhǎng)資訊網(wǎng)
前端三大基礎(chǔ)是指：1、超文本標(biāo)記語言HTML，它是一種構(gòu)造網(wǎng)頁語言；2、層疊樣式表CSS，它是一種定義樣式的構(gòu)造語言；3、嵌入式腳本語言Javascript，它是一種解釋型腳本語言，用于實(shí)現(xiàn)用戶與網(wǎng)頁之間的一種實(shí)時(shí)的、動(dòng)態(tài)的交互關(guān)系。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5&&javascript1.8.5版、Dell G3電腦。
如今前端的火爆程度超出開發(fā)人員的想象，明明簡(jiǎn)單的開發(fā)個(gè)頁面而已，并沒有市面上說的那樣。其實(shí)隔行如隔山，很多時(shí)候我們站在門外根本無法理解門內(nèi)的實(shí)際情況。
前端之所以變得越來越重要，實(shí)際上是用戶體驗(yàn)被提到了一個(gè)很高的高度，這點(diǎn)要感謝喬幫主，沒有他或許現(xiàn)在我們還在在塞班的世界里舉步維艱。
而與用戶直接發(fā)生交互行為的前端領(lǐng)域才達(dá)到了讓人瞠目結(jié)舌的高度，即使這樣前端的基礎(chǔ)，也就是前端的核心技術(shù)依舊沒有變。
組成前端日常開發(fā)的語言仍然是HTML，CSS，Javascript三門語言。
1、HTML-超文本標(biāo)記語言
HTML(Hyper Text Markup Language):是一種構(gòu)造網(wǎng)頁語言，通過標(biāo)記式的指令（Tag），將影像、聲音、圖片、文字等內(nèi)容顯示出來。它規(guī)定了自己的語言法則，用來表示比“文本”更豐富的意義項(xiàng)。
HTML5：html的最近標(biāo)準(zhǔn)，2014年制定發(fā)布。html5新增了一些語義化標(biāo)簽，支持video、audio音視頻、canvas/webgl等能力。
HTML基礎(chǔ)標(biāo)簽：head、body、html、標(biāo)題（h1-h7）、段落（p）、鏈接（a）、圖像（image）、表格（table）、列表（ul、ol）等。
一個(gè)html文檔的基本構(gòu)造：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello</title> </head> <body> <p>Hello</p> <a href="http://www.baidu.com"></a> </body> </html>
2、CSS-層疊樣式表
雖然開發(fā)多年但是對(duì)這門語言仍然沒有什么發(fā)言權(quán)，該語言實(shí)際上是為了解決HTML標(biāo)記（標(biāo)簽元素）臃腫的問題而產(chǎn)生的，并且該語言設(shè)計(jì)真的很棒。CSS的核心是對(duì)文檔流的定義和選擇器，通過對(duì)HTML文檔的重新定義，引入文檔流的概念，將原本臃腫的標(biāo)簽通過靈活的選擇器修改頁面內(nèi)容的樣式。需要重點(diǎn)關(guān)注的是文檔流的定義，元素盒模型，以及文檔流的破壞和修改。
CSS (Cascading Style Sheets):層疊樣式表，一種定義樣式的構(gòu)造語言，比如字體、顏色和定位，它們描述了如何在web頁面上格式化和顯示信息。
CSS3:css最新標(biāo)準(zhǔn)。css3新增了動(dòng)畫、選擇器等特性。CSS3演進(jìn)的一個(gè)主要變化就是W3C決定將CSS3分成一系列模塊。 主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等模塊。分成若干較小的模塊較利于規(guī)范及時(shí)更新和發(fā)布，廠商也可以由選擇的支持一部分css3模塊能力， 方便css3的推廣。
css在html中的書寫位置:
1）、 寫在行內(nèi)(不推薦)
<h1 style="color:red">haha</h1>
2）、寫在htmI中的style標(biāo)簽里(不推薦)
<style> h1{ color:red } </style>
3）、鏈接方式(推薦)
<link rel="stylesheet" type="text/css" href="style.css">
3、Javascript-嵌入式腳本語言
最初由于Javascript是運(yùn)行在瀏覽器中，因此常常被人稱為嵌入式腳本，但是依然沒有影響Javascript成為一門強(qiáng)大的編程語言。該語言主要實(shí)現(xiàn)的是用戶行為的響應(yīng)問題，因此基于用戶的行為事件，響應(yīng)不同的操作結(jié)果。該語言是前端的重點(diǎn)語言，因?yàn)樗械挠脩趔w驗(yàn)都需要Javascript去實(shí)現(xiàn)。該語言正在變得越來越完善，并且逐漸向靜態(tài)化的方向發(fā)展。
1)、庫
庫是針對(duì)某個(gè)具體功能實(shí)現(xiàn)的封裝，例如針對(duì)文件上傳場(chǎng)景的封裝實(shí)現(xiàn)，稱為文件上傳類庫。舉例來說是如此，但不限于此。
2)、框架
框架是為了解決
