快捷導(dǎo)航

【AI全棧開發(fā)知識體系】前端與后端開發(fā)核心技術(shù)及關(guān)鍵概念

更新時間：2026年06月13日 08:52:03 作者：小龍報

本文詳述前端與后端開發(fā)核心技術(shù)及關(guān)鍵概念,涵蓋HTML、CSS、JavaScript等API、服務(wù)器等等,適配AI時代編程學(xué)習(xí)需求,幫助零基礎(chǔ)學(xué)習(xí)者快速建立完整開發(fā)知識體系

前言

互聯(lián)網(wǎng)應(yīng)用的運行，離不開前端與后端的協(xié)同配合，二者相輔相成，構(gòu)筑起完整的網(wǎng)絡(luò)服務(wù)體系。很多編程新手對前后端邊界、核心技術(shù)、開發(fā)概念認(rèn)知模糊，難以理清學(xué)習(xí)思路。本文通俗易懂地拆解前后端核心定義、應(yīng)用場景、基礎(chǔ)技術(shù)，詳解框架、API、服務(wù)器等關(guān)鍵概念，適配AI時代編程學(xué)習(xí)需求，幫助零基礎(chǔ)學(xué)習(xí)者快速建立完整的開發(fā)知識體系。

一、什么是前端？

簡單的說：前端就是你在瀏覽器中直接看到并與之互動的部分，比如按鈕、圖片、文字和動畫等。它主要由HTML、CSS和JavaScript構(gòu)成，負(fù)責(zé)將網(wǎng)站或應(yīng)用的內(nèi)容展示得漂亮、布局合理，并且響應(yīng)你的操作，與后端的數(shù)據(jù)和業(yè)務(wù)邏輯進(jìn)行交互。

二、前端在哪些應(yīng)用場景中出現(xiàn)

2.1 網(wǎng)站

網(wǎng)站是最常見的前端應(yīng)用。無論是企業(yè)官網(wǎng)、電商平臺還是博客論壇，前端都負(fù)責(zé)頁面的結(jié)構(gòu)、樣式以及與用戶的互動。當(dāng)你在瀏覽器中輸入網(wǎng)址訪問網(wǎng)站時，實際上就加載了前端代碼，這些代碼決定了頁面的布局和動態(tài)效果。

2.2 小程序

小程序是國內(nèi)的一種特殊的前端展示，例如微信小程序、支付寶小程序等。這些應(yīng)用同樣運行在專用的“瀏覽器”或容器中。因為開發(fā)語言和展示方式與網(wǎng)站H5類似，也歸屬于前端范疇。

2.3 瀏覽器插件

三、客戶端vs前端?

那么，我們平時開發(fā)手機上的應(yīng)用。例如iOS應(yīng)用和安卓應(yīng)用那是屬于前端嗎？
結(jié)論：我們平時說前端只是指網(wǎng)站、小程序、瀏覽器插件的開發(fā)。 iOS應(yīng)用和安卓應(yīng)用一般我們叫它客戶端。

詳細(xì)的區(qū)分主要是按照所使用的技術(shù)進(jìn)行區(qū)分的，還有更多端的說法可參考：
●前端：專指那些運行在瀏覽器或小程序容器中的代碼，即網(wǎng)站、小程序、瀏覽器插件等，并且主要依賴于HTML、CSS和JavaScript這三大技術(shù)棧。
●客戶端：iOS/Android/鴻蒙這些平臺開發(fā)的應(yīng)用是原生客戶端應(yīng)用，主要使用 Swift/Objective-C（iOS）或 Kotlin/Java（Android）進(jìn)行開發(fā)，雖然它們也涉及界面，但通常不屬于前端的范疇。
●桌面端：Windows或者M(jìn)acOS上的應(yīng)用開發(fā)，我們叫它桌面端。
●大前端：同時包含前端+客戶端+桌面端，你可以說它是大前端

??小提示：理論上來說，你學(xué)會了前端的3個技術(shù)(HTML/CSS/JavaScript)之后，也可以客戶端和桌面端。

小結(jié):
●前端的范圍：網(wǎng)站、小程序、瀏覽器插件等運行在瀏覽器或類似容器中的代碼
●不屬于前端的范疇：iOS/Android/鴻蒙的原生客戶端應(yīng)用。
●重點：前端代碼的主要任務(wù)就是構(gòu)建用戶界面，讓用戶能在頁面上瀏覽內(nèi)容并進(jìn)行交互

四、前端最重要的三個技術(shù)

在前端開發(fā)中，有三項基礎(chǔ)技術(shù)是每個開發(fā)者必須掌握的：HTML、CSS和JavaScript。它們分別承擔(dān)著不同的角色，協(xié)同構(gòu)成了現(xiàn)代前端開發(fā)的核心。雖然目前AI可以很方便地幫我們編寫代碼，但是你最起碼得清楚它們分別是什么！

4.1 HTML— 網(wǎng)站的骨架

HTML（超文本標(biāo)記語言，HyperText Markup Language）負(fù)責(zé)定義網(wǎng)頁的基本結(jié)構(gòu)和內(nèi)容。你可以把 HTML 想象成是網(wǎng)頁的“骨架”，它提供了所有內(nèi)容的基本框架，比如文本、圖片、鏈接、按鈕等。
● 基本概念 ：使用各種標(biāo)簽（如 <h1>、<p>、<div>、<a>、<img> 等）來描述網(wǎng)頁的不同部分。
● 主要作用 ：定義網(wǎng)頁所有的元素和結(jié)構(gòu)，幫助瀏覽器解析并顯示頁面內(nèi)容。
●示例：

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8">
    <title>我的第一個網(wǎng)頁</title>
  </head>
  <body>
    <h1>歡迎來到我的網(wǎng)站</h1>
    <p>這里是一個簡單的HTML示例。</p>
  </body>
</html>

4.2 CSS — 讓網(wǎng)頁更美觀

CSS（層疊樣式表，Cascading Style Sheets）主要用于為HTML結(jié)構(gòu)添加樣式。可以把 CSS 看作是給網(wǎng)頁搭配衣服，它使得靜態(tài)的HTML內(nèi)容變得美觀和有吸引力，同時也負(fù)責(zé)頁面的布局和響應(yīng)式設(shè)計。
● 基本概念*：通過選擇器（如標(biāo)簽選擇器、類選擇器、ID選擇器）為HTML中的元素設(shè)置顏色、字體、間距、布局以及動畫效果等一系列樣式，CSS的代碼寫在<style> 標(biāo)簽中。
● 主要作用 ：美化網(wǎng)頁，讓網(wǎng)站在各種設(shè)備上都能呈現(xiàn)一致而吸引人的視覺效果。

●示例：

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8">
    <title>美化網(wǎng)頁的示例</title>
    <style>
      body {
        background-color: #f5f5f5;
        font-family: Arial, sans-serif;
        margin: 20px;
      }
      h1 {
        color: #333;
      }
      p {
        color: #666;
        line-height: 1.6;
      }
    </style>
  </head>
  <body>
    <h1>歡迎來到我的網(wǎng)站</h1>
    <p>這是一個使用CSS美化的網(wǎng)頁示例。</p>
  </body>
</html>

4.3 JavaScript — 給網(wǎng)頁加上交互

JavaScript 是一門編程語言，它使得網(wǎng)頁具備交互性和動態(tài)效果。通過JavaScript，能夠響應(yīng)用戶點擊、輸入、滾動等行為，使網(wǎng)頁不再是靜態(tài)的，而是充滿生命力和互動性。
●基本概念： JavaScript 是一門功能強大的腳本語言，支持變量、函數(shù)、條件語句、循環(huán)以及各種數(shù)據(jù)結(jié)構(gòu)和編程范式。JavaScript的代碼寫在<script>標(biāo)簽中。
●主要作用： 提供動態(tài)效果和交互功能，如表單校驗、數(shù)據(jù)實時加載、動畫效果等，以及與后端服務(wù)器交互數(shù)據(jù)。
●示例：

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8">
    <title>動態(tài)網(wǎng)頁示例</title>
  </head>
  <body>
    <button id="myButton">點擊我</button>
    <script>
      document.getElementById('myButton').addEventListener('click', function() {
        alert('按鈕被點擊了！');
      });
    </script>
  </body>
</html>

擴展說明
除了在瀏覽器中運行外，借助 Node.js，JavaScript 還可以用于后端開發(fā)，實現(xiàn)全棧 JavaScript 開發(fā)。所以從理論上來說，學(xué)習(xí)了JavaScript，你可以不用學(xué)習(xí)其他編程語言了。

小結(jié):
●HTML 提供了網(wǎng)頁的結(jié)構(gòu)和基礎(chǔ)內(nèi)容，相當(dāng)于建筑的框架。
●CSS 負(fù)責(zé)網(wǎng)頁的外觀和樣式，使內(nèi)容呈現(xiàn)得更加美觀動人。
●JavaScript 為網(wǎng)頁添加動態(tài)行為和交互功能，也是前端必備的編程語言

4.4 前端最重要的兩個網(wǎng)站：GitHub & npm

在前端開發(fā)中，GitHub 和 npm 是兩個必不可少的平臺。它們不僅是新手探索前端領(lǐng)域的重要入口，更是專業(yè)開發(fā)者構(gòu)建、分享和復(fù)用代碼的核心基地。尤其在 AI 時代，通過這兩個平臺，我們可以更高效、更合理地找到自己需要的模板、框架、SDK 以及庫，從而加速應(yīng)用的開發(fā)。

4.4.1 GitHub —— 開源代碼集散地

4.4.1.1 什么是GitHub

GitHub官網(wǎng):是目前世界上最大的代碼托管和協(xié)作平臺。無論你是剛?cè)腴T的小白，還是經(jīng)驗豐富的開發(fā)者，都可以在 GitHub 上找到成千上萬的開源項目和資源。

4.4.1.2 GitHub 的主要作用

●分享與協(xié)作：開發(fā)者可以在 GitHub 上托管代碼，與世界各地的程序員共同協(xié)作，不斷迭代和完善項目。
●模板和 boilerplate 資源：很多優(yōu)秀的項目早已整理出標(biāo)準(zhǔn)化的模板或腳手架（boilerplate），幫助新手從零開始構(gòu)建網(wǎng)站或應(yīng)用。
●學(xué)習(xí)和啟發(fā)：通過瀏覽和參與開源項目，你可以學(xué)習(xí)到先進(jìn)的開發(fā)理念、架構(gòu)設(shè)計以及實踐經(jīng)驗。

4.4.1.3 GitHub 的優(yōu)勢

●社區(qū)力量：全球活躍的開發(fā)者社區(qū)不斷為項目貢獻(xiàn)代碼、文檔和經(jīng)驗。
●代碼安全和版本管理：借助 GitHub 的版本控制系統(tǒng)，開發(fā)者可以跟蹤代碼變更，輕松管理更新和問題修復(fù)。
●工具生態(tài)：Github擁有很多的工具生態(tài)，例如你如果把你的代碼在Github托管，可以使用Vercel輕松部署項目。

4.4.2 npm —— 前端庫與依賴管理的倉庫

4.4.2.1 什么是npm？

npm官網(wǎng): （Node Package Manager）不僅是 Node.js 的包管理工具，更是全世界最大的 JavaScript 庫和工具的倉庫。通過 npm，我們可以快速下載并集成各種功能完善的工具庫和框架，從而大大降低開發(fā)門檻。

4.4.2.2 npm 的主要作用

●依賴管理：幫助開發(fā)者管理項目中各種第三方庫和模塊，確保版本一致和依賴正確。
●豐富的資源庫：不僅包含前端框架（如 React、Vue 等）的官方包，也囊括了許多輔助開發(fā)的小工具和插件。
●快速原型開發(fā)：通過 npm，可以輕松集成已有的解決方案，加速從想法到產(chǎn)品的轉(zhuǎn)換。

4.4.2.3 npm 的優(yōu)勢

●便捷的安裝與更新：借助 npm 命令，可以快速安裝所需的包，并自動處理包之間的依賴關(guān)系。常用的兩個命令如下：

○npm install：安裝項目的依賴
○npm run dev：運行起來項目
●生態(tài)系統(tǒng)完善：依托于龐大的社區(qū)和不斷更新的資源庫，無論你需要 UI 組件、數(shù)據(jù)處理工具還是開發(fā)輔助工具，都可以在 npm 中找到。

總結(jié):
●GitHub 是一個開源代碼的集散地，提供了大量的模板、框架和開發(fā)實例，同時也是你學(xué)習(xí)和參與開源社區(qū)的好地方。
●npm 則是管理前端（以及 Node.js）依賴的標(biāo)準(zhǔn)平臺，擁有海量的庫和工具，讓你在構(gòu)建項目時能輕松集成所需功能。
在 AI 時代，通過合理利用 GitHub 和 npm 的資源，我們可以更高效地開發(fā)應(yīng)用，不必從零開始，而是專注于創(chuàng)新和業(yè)務(wù)邏輯的實現(xiàn)。

五、用好 AI 編寫前端必備的 4 個概念

在 AI 時代，編程更多的是將現(xiàn)有的優(yōu)秀資源合理地進(jìn)行組合，而不是從零開始寫代碼。對于沒有編程基礎(chǔ)的新手而言，掌握這4個概念能夠讓你更好的和AI進(jìn)行溝通，并且從Github和npm上找到和使用你想要的工具。

5.1 框架 (Framework)

框架是一種預(yù)先定義好的開發(fā)結(jié)構(gòu)，它為你構(gòu)建應(yīng)用提供了基礎(chǔ)模板和運行規(guī)則。常見的前端框架有 React/Next.js 以及 Vue/Nuxt.js。
Next.js（最為推薦的框架，AI友好 + 生態(tài)豐富??）

Nuxt（較為推薦，Vue的語法對新手友好??）

在使用框架時，通常需要關(guān)注以下兩個重要概念：
●頁面（Page）頁面代表應(yīng)用中的一個獨立界面或路由。例如，一個電商網(wǎng)站可能會有首頁、產(chǎn)品詳情頁和購物車等不同頁面?？蚣芡ǔ?nèi)置路由管理，幫助你輕松管理各個頁面之間的導(dǎo)航和狀態(tài)。
●組件（Component）組件是頁面的基本構(gòu)建單元，是可重復(fù)使用的 UI 模塊。無論是按鈕、輸入框，還是整個導(dǎo)航欄，都可以被看作組件。組件化結(jié)構(gòu)不僅提高了開發(fā)效率，還使得代碼更易維護(hù)和擴展。

5.2 模板 (Template/Boilerplate)

模板或腳手架是一份預(yù)先配置好的框架代碼 + 業(yè)務(wù)代碼。它通常包含了項目的目錄結(jié)構(gòu)、配置文件、常用依賴以及某個業(yè)務(wù)的基礎(chǔ)代碼。比如你可以選取一個博客的模板修改成為自己的博客，或者可以選擇一個導(dǎo)航站的模板修改成為自己的導(dǎo)航站。

注：Github上有許多開源免費的模板，Next.js和Nuxt.js官方也有很多免費的模板：
Next.js Starter Templates
Nuxt Templates

模板的作用：
●快速建立項目，節(jié)省環(huán)境搭建和配置的時間。
●提供最佳實踐和統(tǒng)一的編碼風(fēng)格。
●上手就可以用的UI樣式
●降低新手的學(xué)習(xí)曲線，讓你專注于業(yè)務(wù)邏輯而不是底層配置。

小結(jié)：
使用模板可以大大提升開發(fā)效率，尤其在 AI 時代，許多模板不僅支持前后端聯(lián)調(diào)，還集成了常用的 AI SDK 或工具，讓你能夠迅速搭建出具備智能化功能的應(yīng)用。

5.3 SDK

SDK（Software Development Kit，軟件開發(fā)工具包）是一組用于構(gòu)建應(yīng)用的工具和資源的集合。一個 SDK 通常包含：
●API（應(yīng)用程序接口）提供標(biāo)準(zhǔn)化的調(diào)用接口，讓你可以方便地使用某項服務(wù)或技術(shù)，而不需關(guān)心底層的實現(xiàn)細(xì)節(jié)。
●文檔和示例代碼 幫助你了解如何集成和使用這些 API 以及最佳實踐。
●工具和庫 用于簡化開發(fā)流程，比如調(diào)試工具、測試環(huán)境和代碼生成器。

在 AI 開發(fā)中的作用：目前很多 AI 服務(wù)都提供了專門的 SDK。通過集成SDK，你可以快速為你的應(yīng)用加上 AI 能力，而不必從零開發(fā)復(fù)雜的算法和服務(wù)。例如OpenAI就提供了Node.js和Python的SDK。

小結(jié)
SDK 為開發(fā)者提供了一站式的集成解決方案，使得將軟件功能，或者AI 功能嵌入到應(yīng)用中變得簡單、高效。

5.4 庫 (Library)

庫是一組預(yù)先編寫好的、可重用的代碼集合，用于解決特定問題。與框架不同，庫通常不規(guī)定整個項目的結(jié)構(gòu)，而是專注于提供某項功能或算法的實現(xiàn)。
作用：
●簡化代碼：通過調(diào)用庫中的函數(shù)，你可以輕松實現(xiàn)復(fù)雜的功能。
●提高效率：避免重復(fù)造輪子，利用別人已經(jīng)寫好的、經(jīng)過檢驗的代碼。
●靈活性高：你可以根據(jù)需要選擇和替換不同的庫，而無需受到整個項目框架的限制。

舉例：在前端開發(fā)中，可能會使用圖形庫（例如Apache ECharts實現(xiàn)數(shù)據(jù)可視化，或使用日期處理庫Moment.js來簡化時間計算。選擇合適的庫，可以讓你的開發(fā)工作更專注于業(yè)務(wù)需求，而不必關(guān)注基礎(chǔ)邏輯的實現(xiàn)。

小結(jié)
庫是實現(xiàn)特定功能的“小工具箱”，它們可以獨立使用，也可以與框架和模板組合，構(gòu)建出功能豐富的應(yīng)用。

5.5 總結(jié)

理解并合理運用框架、模板、SDK 和庫這四大概念，是在 AI 時代高效開發(fā)的關(guān)鍵。它們各自解決了項目搭建、結(jié)構(gòu)規(guī)劃、功能集成和代碼復(fù)用等問題：
●框架：為你的項目提供整體結(jié)構(gòu)和組件化設(shè)計。
●模板：為你提供一個快速啟動項目的預(yù)設(shè)基礎(chǔ)。
●SDK：提供集成特定業(yè)務(wù)或AI功能的完整工具包。
●庫：為你提供實現(xiàn)具體功能的代碼集合。

當(dāng)你清楚地理解這些概念后，你不僅能夠更準(zhǔn)確地向 AI 提問和搜索解決方案，還能更有信心地設(shè)計和構(gòu)建自己的應(yīng)用程序。通過整合這些資源，你將能夠更快速地從想法邁向?qū)嶋H產(chǎn)品，真正玩轉(zhuǎn) AI 編程時代。

六、什么是后端？

6.1 后端的概念

后端是用戶看不見的應(yīng)用“幕后引擎”，負(fù)責(zé)處理業(yè)務(wù)邏輯、數(shù)據(jù)存儲、安全驗證及資源調(diào)度。簡單來說，后端是支撐前端運行的“大腦”和“數(shù)據(jù)庫”，確保用戶的請求能被正確處理并返回結(jié)果。
●前端：關(guān)注用戶界面與交互（瀏覽器、小程序中運行）。
●后端：關(guān)注數(shù)據(jù)處理、數(shù)據(jù)存儲、安全性和業(yè)務(wù)邏輯（服務(wù)器上運行）。
●協(xié)作關(guān)系：前端通過API調(diào)用后端服務(wù)，后端返回JSON/XML格式數(shù)據(jù)供前端展示。

6.2 后端的編程語言

后端的編程語言相比前端只有JavaScript來說要豐富很多，例如Python、Java、Golang、PHP、C#等。
但是對于新手而言，特別是AI時代學(xué)習(xí)開發(fā)，那么更推薦學(xué)習(xí)兩個編程語言：JavaScript和Python。

如果只推薦一個，那就一定是JavaScript。

6.2.1 JavaScript (Node.js)

●特點：基于事件驅(qū)動的異步編程，適合高并發(fā)場景，可復(fù)用前端的JavaScript的工具。
●應(yīng)用場景：實時應(yīng)用（聊天室）、API 服務(wù)、微服務(wù)。
●常用框架：
○Express：輕量靈活，生態(tài)豐富。
○NextJs：企業(yè)級框架，支持 TypeScript 和模塊化開發(fā)。
○Koa：更現(xiàn)代的 Express 替代品。

6.2.2 Python

●特點：語法簡潔易讀，適合快速開發(fā)，擁有豐富的庫和框架。
●應(yīng)用場景：Web 開發(fā)、數(shù)據(jù)分析、人工智能、自動化腳本。
●常用框架：
○DJangGO：全功能 Web 框架（適合中大型項目）。
○Flask：輕量級框架（適合小型項目或 API 開發(fā)）。
○FastAPI：高性能 API 框架（支持異步編程）。

6.3 新手需要掌握的4個后端概念

6.3.1 API（應(yīng)用程序接口）

API (應(yīng)用程序編程接口)是一組預(yù)先定義的規(guī)則和工具，讓不同的軟件程序能夠相互通信和交換數(shù)據(jù)。

API的主要用途:

讓應(yīng)用程序能調(diào)用其他程序的功能
隱藏復(fù)雜的實現(xiàn)細(xì)節(jié)
標(biāo)準(zhǔn)化不同程序之間的數(shù)據(jù)交換

打個比方:
●API就像餐廳的服務(wù)員 - 你(客戶端)不需要直接跑到廚房(服務(wù)器)去點菜和取餐，而是通過服務(wù)員(API)來傳達(dá)你的需求和獲取結(jié)果
●或者可以把它想象成插座 - 你不需要了解電力是如何產(chǎn)生和傳輸?shù)?只要遵循插座的規(guī)格(API規(guī)則)就能使用電力

例如你想開發(fā)一個天氣的應(yīng)用，那么就可以去高德地圖API上注冊一個開發(fā)者賬號，調(diào)用其中的天氣查詢API你就直接擁有了獲取天氣查詢的能力了！

還有現(xiàn)在的各個大模型都是有提供API調(diào)用的，例如DeepSeek開放平臺就提供了DeepSeekAPI調(diào)用文檔

6.3.2 服務(wù)器（Server）

如果我們單獨說服務(wù)器的時候，一般是指托管前后端代碼和數(shù)據(jù)的遠(yuǎn)程計算機（硬件），7x24小時響應(yīng)請求。但是現(xiàn)在其實基本上不會有人購買一臺服務(wù)。
但當(dāng)我們說到Server的時候，其實有不同的Server的概念，容易混淆的是云服務(wù)器和web服務(wù)器的概念。并且我也來解釋一下我們的web應(yīng)用程序和這兩者之間的關(guān)系！

服務(wù)器：
●可以理解為遠(yuǎn)程的電腦
●24小時運行你的程序
●處理用戶的請求

6.3.2.1 云服務(wù)器（Cloud Server）

當(dāng)我們現(xiàn)在說買一臺服務(wù)器的時候，99%的場景是指去阿里云或者騰訊云上購買一臺云服務(wù)器，也就是Cloud server的概念（圖片是阿里云的海外官網(wǎng)，為了讓大家看到Cloud Server）。
讓我們切到國內(nèi)版本的阿里云可能大家看得更清楚，這邊我們其實有非常多的服務(wù)器可以選擇，大部分場景只要選擇輕量應(yīng)用服務(wù)器即可。

如果購買云服務(wù)器之后，你可以簡單的理解為：你購買了一臺遠(yuǎn)程的7x24不關(guān)機的計算機的一部分計算資源。不用去關(guān)心它是什么VM或者容器的概念。

6.3.3.2 Web服務(wù)器（HTTP Web Server）

當(dāng)我們提到Web服務(wù)器的時候，其實是指的安裝在服務(wù)器上的軟件，例如Nginx這樣的軟件。他們?nèi)Q是HTTP Web Server。

這類軟件最核心的功能是幫助你處理HTTP請求和一些靜態(tài)的資源，用戶發(fā)過來的請求會首先經(jīng)過HTTP Web Server，然后再到我們的應(yīng)用程序。當(dāng)然，我們應(yīng)用程序處理之后的數(shù)據(jù)也會經(jīng)過HTTP Web Server再返回給用戶。

6.3.3.2 Web應(yīng)用程序

理解了前面兩個Server之后，我們再來看我們?yōu)槭裁葱枰品?wù)器？

因為我們需要一臺服務(wù)器來托管我們的Web應(yīng)用程序。通過下面這張圖你就能夠理解云服務(wù)器、Web服務(wù)器和我們的Web應(yīng)用程序之間的關(guān)系了。

6.4 數(shù)據(jù)庫（Database）

數(shù)據(jù)庫：
●就像遠(yuǎn)程的Excel表格
●存儲應(yīng)用的各種數(shù)據(jù)
●需要時隨時查詢使用

我相信數(shù)據(jù)庫的概念，大家或多或少都能理解。
如果你實在沒有接觸過數(shù)據(jù)庫，那你可以理解為這是在服務(wù)器上放的Excel表，這些表中保存了你項目的所有數(shù)據(jù)。當(dāng)你需要數(shù)據(jù)的時候，你的應(yīng)用程序會從這個Excel表上獲取數(shù)據(jù)。

●數(shù)據(jù)庫兩大分類：關(guān)系型數(shù)據(jù)庫和NoSQL數(shù)據(jù)庫
●ORM工具：通過代碼操作數(shù)據(jù)庫（如Prisma ，Sequelize)，避免手寫SQL

6.4.1 對象存儲 (Object Storage)

對象存儲：
●專門存放文件的倉庫
●主要存圖片、視頻等大文件
●存完后可以通過網(wǎng)址訪問

對象存儲的概念可能對大家很陌生，那我來問幾個問題：
1.你有沒有想過你平時上傳的照片和視頻是放在哪兒的？是放到數(shù)據(jù)庫里嗎？
2.你有沒有想過怎么樣才能讓圖片可以通過鏈接訪問？
是的，對象存儲就是用來解決這兩個問題的！
我們平時上傳的照片和視頻一般都是放在對象存儲里面的。一旦放在對象存儲里面，它就能夠通過鏈接進(jìn)行訪問。照片和視頻這種大文件我們都不會用數(shù)據(jù)庫存儲，而是一般會在數(shù)據(jù)庫里面存儲對象存儲返回的鏈接url地址。

總結(jié)

本文系統(tǒng)科普了前后端開發(fā)的完整基礎(chǔ)知識，清晰劃分前端、客戶端、桌面端的應(yīng)用邊界，詳解HTML、CSS、JavaScript三大核心技術(shù)，同時介紹后端開發(fā)語言、API、服務(wù)器、數(shù)據(jù)庫等關(guān)鍵概念，講解框架、模板、SDK、代碼庫等高效開發(fā)工具，貼合當(dāng)下AI編程學(xué)習(xí)趨勢，幫助零基礎(chǔ)學(xué)習(xí)者理清開發(fā)邏輯、搭建系統(tǒng)知識框架。技術(shù)學(xué)習(xí)從無一蹴而就，唯有腳踏實地積累、耐心打磨代碼、主動攻克難點，緊跟技術(shù)迭代節(jié)奏，持續(xù)深耕精進(jìn)，方能不斷突破自我，在編程道路上穩(wěn)步前行、收獲成長。

到此這篇關(guān)于【AI全棧開發(fā)知識體系】前端與后端開發(fā)核心技術(shù)及關(guān)鍵概念的文章就介紹到這了,更多相關(guān)前端與后端開發(fā)核心技術(shù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线