首頁  >  文章  >  web前端  >  前端三大基礎是哪三個

前端三大基礎是哪三個

青灯夜游
青灯夜游原創
2021-11-01 15:50:034096瀏覽

前端三大基礎是指:1、超文本標記語言HTML,它是一種建構網頁語言;2、層疊樣式表CSS,它是一種定義樣式的建構語言;3、嵌入式腳本語言Javascript,它是一種解釋型腳本語言,用於實現使用者與網頁之間的一種即時的、動態的互動關係。

前端三大基礎是哪三個

本教學操作環境:windows7系統、CSS3&&HTML5&&javascript1.8.5版、Dell G3電腦。

如今前端的火熱程度超出開發人員的想像,明明簡單的開發個頁面而已,並沒有市面上說的那樣。其實隔行如隔山,很多時候我們站在門外根本無法理解門內的實際狀況。

前端之所以變得越來越重要,其實是使用者體驗被提到了一個很高的高度,這點要感謝喬幫主,沒有他或許現在我們還在在塞班的世界裡舉步維艱。

而與使用者直接發生互動行為的前端領域才達到了讓人瞠目結舌的高度,即使這樣前端的基礎,也就是前端的核心技術依舊沒有變。

組成前端日常開發的語言仍然是HTML,CSS,Javascript三門語言。

1、HTML-超文本標記語言

#HTML(Hyper Text Markup Language):是一種建構網頁語言,透過標記式的指令(Tag),將影像、聲音、圖片、文字等內容顯示出來。它規定了自己的語言法則,用來表示比「文本」更豐富的意義項。

HTML5:html的最近標準,2014年制定發布。 html5新增了一些語意化標籤,支援video、audio音視訊、canvas/webgl等能力。

HTML基礎標籤:head、body、html、標題(h1-h7)、段落(p)、連結(a)、圖片(image)、表格(table)、清單(ul、ol)等。

一個html文檔的基本建構:

<!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-層疊樣式表

雖然開發多年但是對這門語言仍然沒有什麼發言權,該語言實際上是為了解決HTML標記(標籤元素)臃腫的問題而產生的,並且該語言設計真的很棒。 CSS的核心是對文件流程的定義和選擇器,透過對HTML文件的重新定義,引入文件流程的概念,將原本臃腫的標籤透過靈活的選擇器修改頁面內容的樣式。需要重點關注的是文檔流的定義,元素盒模型,以及文檔流的破壞和修改。

CSS (Cascading Style Sheets):層疊樣式表,一種定義樣式的建構語言,例如字體、顏色和定位,它們描述如何在web頁面上格式化和顯示資訊。

CSS3:css最新標準。 css3新增了動畫、選擇器等特性。 CSS3演進的一個主要變化就是W3C決定將CSS3分成一系列模組。主要包括盒子模型、清單模組、超連結方式、語言模組、背景和邊框、文字特效、多欄佈局等模組。分成若干較小的模組較利於規範及時更新和發布,廠商也可以由選擇的支援一部分css3模組能力, 方便css3的推廣。

css在html中的書寫位置:

1)、 寫在行內(不推薦)

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

2)、寫在htmI中的style標籤裡(不推薦)

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

3)、連結方式(推薦)

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

3、Javascript-嵌入式腳本語言

最初由於Javascript是運行在瀏覽器中,因此常被稱為嵌入式腳本,但是仍然沒有影響Javascript成為一門強大的程式語言。語言主要實現的是使用者行為的回應問題,因此基於使用者的行為事件,回應不同的操作結果。該語言是前端的重點語言,因為所有的使用者體驗都需要Javascript去實現。該語言正在變得越來越完善,並且逐漸朝向靜態化的方向發展。

1)、函式庫

庫是針對某個特定功能實現的封裝,例如針對檔案上傳場景的封裝實現,稱為檔案上傳類別庫。舉例來說是如此,但不限於此。

2)、框架

框架是為了解決更多問題的封裝實現,例如jQuery框架是實現Javascript在PC端瀏覽器API相容性的框架( Zepto針對行動端),MVVM框架是為了快速建立介面的封裝實現,透過將DOM操作封裝,減少手動DOM操作,專注於資料結構和業務邏輯的實現。

更多程式相關知識,請造訪:程式設計影片! !

以上是前端三大基礎是哪三個的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn