web前端基本概念是什么

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

一 前端概述

現代互聯網應用大都由運行在服務器的后端程序和運行在各種終端設備的前端程序共同構成。

后端的代碼、資源和數據是預先就部署或存儲在后端并且運行在后端服務器上。而前端運行所需的代碼、資源和數據都是來自后端的。前端從后端服務器安裝或加載程序并運行在終端設備中，并且前端和后端通過網絡進相互協作，最終向用戶展示和實現 WEB 應用的全部內容和功能。

1.1 前端應用就是指運行在各種終端設備的程序及資源

HTML、CSS 和 JS 提供前端應用運行的代碼

圖片和視頻等為前端應用提供多媒體內容

后端 API 為前端提供業務功能服務和數據訪問服務

1.2 前端應用的核心運行環境是瀏覽器引擎

瀏覽器引擎通過解析 HTML 來呈現應用頁面的結構和內容

瀏覽器引擎通過解析 CSS 來渲染應用頁面的式樣和風格

瀏覽器引擎通過執行 JS 代碼以實現應用頁面的動態功能

瀏覽器引擎幫助應用頁面加載靜態資源

瀏覽器引擎可以實現與后端服務的功能和數據交互

1.3 前端開發的重點是編寫和組織 HTML、CSS 和 JS 代碼

前端應用由一個或多個應用頁面構成，應用頁面也俗稱為網頁或簡稱為頁面。只有一個頁面的前端應用成為單頁面應用，而多頁面應用是通過多個頁面間的靜態或動態鏈接而相互管理起來的應用。

HTML 是描述頁面結構和內容的語言，每個頁面都有其對應的 HTML 文件，HTML 是頁面的主文件。

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

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

二 基本概念

2.1 JavaScript

一種動態的通用面向對象的編程語言

2.2 HTML

HTML指的是超文本標記語言（Hyper Text Markup Language）是一種通過標簽來描述網頁的語言。HTML文檔 = 網頁。其中HTML5是下一代HTML標準

2.3 CSS

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

2.4 Ajax

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

2.5 JQuery

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

2.6 React

Facebook開源的一種前端框架

2.7 Node

Node 是服務器的 JavaScript 運行環境，提供 API 與操作系統互動。Node可以類比為java的JVM

主要用途：

開發前端應用

快速搭建服務

架設網站

2.8 DOM

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

React就是在DOM的基礎上創造虛擬DOM

2.9 Session

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

2.10 Cookie

Cookie/Session機制詳解

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

2.11 ES6

ECMAScript 6 是JavaScript語言的下一代標準。ECMAScript 和 JavaScript 的關系是，前者是后者的規格，后者是前者的一種實現（另外的 ECMAScript 方言還有 Jscript 和 ActionScript）。日常場合，這兩個詞是可以互換的。

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