溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

前端三大基礎(chǔ)是什么

發(fā)布時(shí)間：2021-11-01 16:10:19 來(lái)源：億速云 閱讀：379 作者：iii 欄目：web開(kāi)發(fā)

本篇內(nèi)容介紹了“前端三大基礎(chǔ)是什么”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

前端三大基礎(chǔ)是指：1、超文本標(biāo)記語(yǔ)言HTML，它是一種構(gòu)造網(wǎng)頁(yè)語(yǔ)言；2、層疊樣式表CSS，它是一種定義樣式的構(gòu)造語(yǔ)言；3、嵌入式腳本語(yǔ)言Javascript，它是一種解釋型腳本語(yǔ)言，用于實(shí)現(xiàn)用戶與網(wǎng)頁(yè)之間的一種實(shí)時(shí)的、動(dòng)態(tài)的交互關(guān)系。

前端三大基礎(chǔ)是什么

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5&&javascript1.8.5版、Dell G3電腦。

如今前端的火爆程度超出開(kāi)發(fā)人員的想象，明明簡(jiǎn)單的開(kāi)發(fā)個(gè)頁(yè)面而已，并沒(méi)有市面上說(shuō)的那樣。其實(shí)隔行如隔山，很多時(shí)候我們站在門外根本無(wú)法理解門內(nèi)的實(shí)際情況。

前端之所以變得越來(lái)越重要，實(shí)際上是用戶體驗(yàn)被提到了一個(gè)很高的高度，這點(diǎn)要感謝喬幫主，沒(méi)有他或許現(xiàn)在我們還在在塞班的世界里舉步維艱。

而與用戶直接發(fā)生交互行為的前端領(lǐng)域才達(dá)到了讓人瞠目結(jié)舌的高度，即使這樣前端的基礎(chǔ)，也就是前端的核心技術(shù)依舊沒(méi)有變。

組成前端日常開(kāi)發(fā)的語(yǔ)言仍然是HTML，CSS，Javascript三門語(yǔ)言。

1、HTML-超文本標(biāo)記語(yǔ)言

HTML(Hyper Text Markup Language):是一種構(gòu)造網(wǎng)頁(yè)語(yǔ)言，通過(guò)標(biāo)記式的指令（Tag），將影像、聲音、圖片、文字等內(nèi)容顯示出來(lái)。它規(guī)定了自己的語(yǔ)言法則，用來(lái)表示比“文本”更豐富的意義項(xiàng)。

HTML5：html的最近標(biāo)準(zhǔn)，2014年制定發(fā)布。html5新增了一些語(yǔ)義化標(biāo)簽，支持video、audio音視頻、canvas/webgl等能力。

HTML基礎(chǔ)標(biāo)簽：head、body、html、標(biāo)題（h2-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-層疊樣式表

雖然開(kāi)發(fā)多年但是對(duì)這門語(yǔ)言仍然沒(méi)有什么發(fā)言權(quán)，該語(yǔ)言實(shí)際上是為了解決HTML標(biāo)記（標(biāo)簽元素）臃腫的問(wèn)題而產(chǎn)生的，并且該語(yǔ)言設(shè)計(jì)真的很棒。CSS的核心是對(duì)文檔流的定義和選擇器，通過(guò)對(duì)HTML文檔的重新定義，引入文檔流的概念，將原本臃腫的標(biāo)簽通過(guò)靈活的選擇器修改頁(yè)面內(nèi)容的樣式。需要重點(diǎn)關(guān)注的是文檔流的定義，元素盒模型，以及文檔流的破壞和修改。

CSS (Cascading Style Sheets):層疊樣式表，一種定義樣式的構(gòu)造語(yǔ)言，比如字體、顏色和定位，它們描述了如何在web頁(yè)面上格式化和顯示信息。

CSS3:css最新標(biāo)準(zhǔn)。css3新增了動(dòng)畫、選擇器等特性。CSS3演進(jìn)的一個(gè)主要變化就是W3C決定將CSS3分成一系列模塊。 主要包括盒子模型、列表模塊、超鏈接方式、語(yǔ)言模塊、背景和邊框、文字特效、多欄布局等模塊。分成若干較小的模塊較利于規(guī)范及時(shí)更新和發(fā)布，廠商也可以由選擇的支持一部分css3模塊能力， 方便css3的推廣。

css在html中的書寫位置:

1）、 寫在行內(nèi)(不推薦)

<h2 style="color:red">haha</h2>

2）、寫在htmI中的style標(biāo)簽里(不推薦)

<style>
h2{
color:red
}
</style>

3）、鏈接方式(推薦)

<link rel="stylesheet" type="text/css" href="style.css">

3、Javascript-嵌入式腳本語(yǔ)言

最初由于Javascript是運(yùn)行在瀏覽器中，因此常常被人稱為嵌入式腳本，但是依然沒(méi)有影響Javascript成為一門強(qiáng)大的編程語(yǔ)言。該語(yǔ)言主要實(shí)現(xiàn)的是用戶行為的響應(yīng)問(wèn)題，因此基于用戶的行為事件，響應(yīng)不同的操作結(jié)果。該語(yǔ)言是前端的重點(diǎn)語(yǔ)言，因?yàn)樗械挠脩趔w驗(yàn)都需要Javascript去實(shí)現(xiàn)。該語(yǔ)言正在變得越來(lái)越完善，并且逐漸向靜態(tài)化的方向發(fā)展。

1)、庫(kù)

庫(kù)是針對(duì)某個(gè)具體功能實(shí)現(xiàn)的封裝，例如針對(duì)文件上傳場(chǎng)景的封裝實(shí)現(xiàn)，稱為文件上傳類庫(kù)。舉例來(lái)說(shuō)是如此，但不限于此。

2)、框架

框架是為了解決更多問(wèn)題的封裝實(shí)現(xiàn)，例如jQuery框架是實(shí)現(xiàn)Javascript在PC端瀏覽器API兼容性的框架（Zepto針對(duì)移動(dòng)端），MVVM框架是為了快速構(gòu)建界面的封裝實(shí)現(xiàn)，通過(guò)將DOM操作進(jìn)行封裝，減少手動(dòng)DOM操作，專注于數(shù)據(jù)結(jié)構(gòu)和業(yè)務(wù)邏輯的實(shí)現(xiàn)。

“前端三大基礎(chǔ)是什么”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手