前端基礎知識

超雄代码狂發表於2024-08-17

前端基礎知識

應用軟體

1.C/S架構

&解析:

C: client(客戶端)

S:server(伺服器)

.優點:

  1. 有多重安全認證,適用於大型專業應用和對安全性要求較高的應用
  2. 介面和操作可以很豐富
  3. 由於只有一層互動,響應速度快

二.缺點:

1.需要安裝

2.偶爾需要更新

3.不跨平臺

2.B/S架構

&解析:

B:browser(瀏覽器)

S:server(服務端)

一.優點:

  1. 無需安裝
  2. 無需更新
  3. 可跨平臺

二.缺點:

  1. 在跨瀏覽器上,BS架構不如人意
  2. 要達到像C/S架構的程式需要花費不少精力
  3. 在安全性和速度上需要花費巨大的設計成本

三.核心

伺服器將頁面設計原始碼,即HTML,CSS,JS等和JPG,MP4等資源傳給核心,核心處理完後渲染頁面

網站

一個或者多個網頁組成一個網站,而網址是用來搜尋網站的

前端三件套

HMTL(結構)

全稱

HyperText Markup Language(超文字標記語言)

超文字指的是豐富於文字的展現形式,包括超連結,圖片等,主要是指超連結使兩個網頁的連線,使網頁資訊得以組織起來

語法

標籤分類

雙標籤

<標籤名>標籤體</標籤名>

單標籤

<標籤名/> 
<!-- “/”可加可不加 -->

標籤屬性

語法

屬性名 = "屬性值"

(有的屬性沒有屬性值)

分類:通用屬性和獨有屬性

標準結構

<!DOCTYPE html>
<html lan = "zh-CN">
	<head>
	<meta charset = "utf-8">
	</head>    
		<body>
		</body> 
</html>

作用過程

原始碼 to 瀏覽器 to 檢查格式是否合法 然後 直接渲染或者處理後渲染

文件宣告

告訴瀏覽器用哪個版本寫的原始碼

CSS(表現)

JS(行為[互動])