web前端基本概念是什么

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

一 前端概述

現(xiàn)代互聯(lián)網(wǎng)應(yīng)用大都由運(yùn)行在服務(wù)器的后端程序和運(yùn)行在各種終端設(shè)備的前端程序共同構(gòu)成。

后端的代碼、資源和數(shù)據(jù)是預(yù)先就部署或存儲在后端并且運(yùn)行在后端服務(wù)器上。而前端運(yùn)行所需的代碼、資源和數(shù)據(jù)都是來自后端的。前端從后端服務(wù)器安裝或加載程序并運(yùn)行在終端設(shè)備中，并且前端和后端通過網(wǎng)絡(luò)進(jìn)相互協(xié)作，最終向用戶展示和實現(xiàn) WEB 應(yīng)用的全部內(nèi)容和功能。

1.1 前端應(yīng)用就是指運(yùn)行在各種終端設(shè)備的程序及資源

HTML、CSS 和 JS 提供前端應(yīng)用運(yùn)行的代碼

圖片和視頻等為前端應(yīng)用提供多媒體內(nèi)容

后端 API 為前端提供業(yè)務(wù)功能服務(wù)和數(shù)據(jù)訪問服務(wù)

1.2 前端應(yīng)用的核心運(yùn)行環(huán)境是瀏覽器引擎

瀏覽器引擎通過解析 HTML 來呈現(xiàn)應(yīng)用頁面的結(jié)構(gòu)和內(nèi)容

瀏覽器引擎通過解析 CSS 來渲染應(yīng)用頁面的式樣和風(fēng)格

瀏覽器引擎通過執(zhí)行 JS 代碼以實現(xiàn)應(yīng)用頁面的動態(tài)功能

瀏覽器引擎幫助應(yīng)用頁面加載靜態(tài)資源

瀏覽器引擎可以實現(xiàn)與后端服務(wù)的功能和數(shù)據(jù)交互

1.3 前端開發(fā)的重點(diǎn)是編寫和組織 HTML、CSS 和 JS 代碼

前端應(yīng)用由一個或多個應(yīng)用頁面構(gòu)成，應(yīng)用頁面也俗稱為網(wǎng)頁或簡稱為頁面。只有一個頁面的前端應(yīng)用成為單頁面應(yīng)用，而多頁面應(yīng)用是通過多個頁面間的靜態(tài)或動態(tài)鏈接而相互管理起來的應(yīng)用。

HTML 是描述頁面結(jié)構(gòu)和內(nèi)容的語言，每個頁面都有其對應(yīng)的 HTML 文件，HTML 是頁面的主文件。

CSS 是描述頁面風(fēng)格和式樣的語言，CSS 是直接嵌入或間接引入到 HTML 頁面中的。

JS 是實現(xiàn)頁面動態(tài)功能的變成語言，JS 也直接嵌入或間接引入到 HTML 頁面中的。

二 基本概念

2.1 JavaScript

一種動態(tài)的通用面向?qū)ο蟮木幊陶Z言

2.2 HTML

HTML指的是超文本標(biāo)記語言（Hyper Text Markup Language）是一種通過標(biāo)簽來描述網(wǎng)頁的語言。HTML文檔 = 網(wǎng)頁。其中HTML5是下一代HTML標(biāo)準(zhǔn)

2.3 CSS

CSS 指層疊樣式表 (Cascading Style Sheets)，用來定義HTML元素展示樣式。CSS3是最新的CSS標(biāo)準(zhǔn)

2.4 Ajax

Asynchronous JavaScript and XML（異步的 JavaScript 和 XML）。AJAX 是與服務(wù)器交換數(shù)據(jù)并更新部分網(wǎng)頁的藝術(shù)，在不重新加載整個頁面的情況下。

2.5 JQuery

JQuery是一個JacaScript庫，簡化了JavaScript編程

2.6 React

Facebook開源的一種前端框架

2.7 Node

Node 是服務(wù)器的 JavaScript 運(yùn)行環(huán)境，提供 API 與操作系統(tǒng)互動。Node可以類比為java的JVM

主要用途：

開發(fā)前端應(yīng)用

快速搭建服務(wù)

架設(shè)網(wǎng)站

2.8 DOM

DOM的全稱為：Document Object Model。它是HTML文檔的對象化描述，也是HTML元素與外界（如Javascript）的接口。

React就是在DOM的基礎(chǔ)上創(chuàng)造虛擬DOM

2.9 Session

會話，通過在服務(wù)器記錄信息確定用戶身份

2.10 Cookie

Cookie/Session機(jī)制詳解

通過在客戶端記錄信息確定用戶身份

2.11 ES6

ECMAScript 6 是JavaScript語言的下一代標(biāo)準(zhǔn)。ECMAScript 和 JavaScript 的關(guān)系是，前者是后者的規(guī)格，后者是前者的一種實現(xiàn)（另外的 ECMAScript 方言還有 Jscript 和 ActionScript）。日常場合，這兩個詞是可以互換的。

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