放在最前：很長一段時間沒有更新了，因為我暫時沒有在做UIpath那家公司繼續干下去了，然后又有做畢設、找作業種種事務，就耽擱了，然后我現在又加入了一家公司做前端，所以以后會經常更新一些前端的內容，我也是個菜鳥，希望大家一起學習一起進步！（我寫著寫著發現概念太多了，所以不放在一起了，做成系列文章，慢慢看）

前言

本文會記錄web技術最基礎的知識，具體框架是根據二級web考試大綱所寫，文章內容是教程+自己的擴展，內容很多，大家根據自己的需求去選擇，如有錯誤可以告訴我我會及時改正，

一、Web技識訓礎

1.1 Internet和web技術的基本概念

1.1.1 Internet和web技術的基本概念

• Internet（因特網），全球性的計算互聯網路”資訊共享“，
• 因特網（Internet）是一組全球資訊資源的總匯，有一種粗略的說法，認為INTERNET是由于許多小的網路（子網）互聯而成的一個邏輯網，每個子網中連接著若干臺計算機（主機），
• Internet以專案交流資訊資源為目的，基于一些共同的協議，并通過許多路由器和公共互聯網而成，它是一個資訊資源和資源共享的集合，

1.1.2 web技術的概念

• web的本意是蜘蛛網和網的意思，在網頁設計中我們稱為網頁的意思，現廣泛譯作網路、互聯網等技術領域，
• 表現為三種形式，即超文本（hypertext）、超媒體（超文本，圖片，視頻）（hypermedia）、超文本傳輸協議（HTTP）等，簡單的講就是把各種型別的資訊和服務無縫連接，提供生動的圖形用戶界面，
• web技術指的是開發互聯網應用的技術總稱，一般包括web服務端技術和web客戶端技術，
• 兩者間的關系：
  • web是Internet上最流行的應用之一，Internet為web提供了網路運行環境
  • ??????web的出現極大地推動了Internet的普及和推廣

1.2 web技術的主要組成

1.2.1 本地計算機和遠程服務器

• 本地計算機：用戶自己瀏覽站點的本地機器
• 遠程服務器：為客戶端（用戶）計算機提供各種服務的高性能計算機，主要功能是接受客戶瀏覽器發送的請求，分析請求，并給予回應，相應的結果發送給客戶端的瀏覽器，

1.2.2 靜態頁面和動態頁面

• 靜態頁面：HTML頁面檔案，所有的代碼都在網頁中，不需要執行動態程式（訪問資料庫）來生成客戶想要的網頁
• 動態頁面：頁面的內容是動態互動的，可以根據系統的設定顯示不同的頁面，因為隨著網站的資料量日益龐大，人們對站點的要求越來越高，希望有更快的速度，更加高效的訪問查找，所以動態網頁技術便應運而生，
• 現實中常用的動態網頁開發技術有：ASP，JSP，PHP，.NET等

1.2.3 web應用程式的作業原理

瀏覽器的訪問程序如下（用戶想要訪問網頁，需要先獲取網站首頁的站點資訊）：

1. 瀏覽器地址欄輸入想要訪問網站首頁的地址
2. 用戶向瀏覽器發送訪問首頁的請求
3. 服務器收取客戶端的訪問請求
4. 服務器處理請求（若首頁動態檔案需要經過資料處理再回傳，若為靜態檔案直接回傳該檔案即可）
5. 服務器將請求的處理結果在客戶端的瀏覽器顯示

1.2.4 常用的web開發技術

• 靜態web開發技術（瀏覽器技術）

html靜態網頁開發技術（超文本標記語言）

xml意為可擴展的標記語言，它是一種顯示資料的標記語言，能夠使資料無障礙的進行傳輸，并顯示在用戶的瀏覽器上，

• 動態web開發技術（服務器技術）

ASP，ASP.net ,PHP,JSP

1.3 web瀏覽器與服務器的基本概念和作業原理

1.3.1 web瀏覽器的基本概念

• 瀏覽器的含義：它是一個軟體，瀏覽器是指運行在用戶的機器上來展現和瀏覽來自web服務器或者本地檔案系統中HTML頁面，并讓用戶和這些頁面互動的一種客戶機軟體，
• PC端常見的瀏覽器：internet Explorer（微軟）；Firefox（火狐）；Opera；Chrome；Safari；360瀏覽器；搜狗瀏覽器等
• 手機端常見的瀏覽器：uc瀏覽器；Safari；QQ瀏覽器；百度瀏覽器；360瀏覽器；

其中Chrome瀏覽器占據了最高的市場份額，

1.3.2 web瀏覽器的作業原理：

瀏覽器主要通過HTTP協議與web服務器互動并獲取網頁，這些網頁由URL（網址）指定，檔案格式通常為HTML，

1.3.3 web服務器的基本概念

web服務器含義：提供web服務的服務器

常見的web服務器有：window平臺下IIS（ASP技術），Apache（PHP技術），Tomcat（JSP技術）等

1.3.4 web基本架構

• C/S的含義：Client/Server，服務器安裝高性能pc、作業站、并采用大型資料庫系統，客戶機安裝專用的客戶機端軟體、服務器安裝專門的服務器軟體，
• B/S的含義：Browser/Server，客戶機僅僅安裝一個瀏覽器，服務器安裝IIS或者Apache、或者資料庫，目前常用，
• 三層架構：含義是在客戶機端瀏覽器與資料庫中間加入了一個中間層，分類：系統部署三層結構和軟體開發三層結構，

1.3.5 web技術的發展歷史

發展三個階段：靜態檔案、動態網頁（互動）、web2.0（每個人都是主角）

1.4 web應用開發構架和開發技術

web應用架構可以劃分為兩大子系統：前端子系統和后臺子系統

前端子系統：

1.基礎技術：Html/CSS/Javascript

2.開發框架：Jquery,Extis,flex等；

后臺子系統：

1.基礎技術：Java Servlet；

2.開發框架：Struts，Spring，Hibernate，ibatis等；

3.應用服務器：Tomcat/Jetty

1.5 TCP/IP協議（并不是大綱內容，主要用于了解）

1.5.1 TCP/IP 基礎知識

1.TCP/IP基礎

TCP/IP ：傳輸控制協議/網路協議（Transmission Control Protocol / Internet Protocol）

TCP/IP是用于Internet的通信協議

（計算機通信協議：對那些計算機必須遵守以便彼此通信的規則的描述）

定義了電子設備（比如計算機）如何連入因特網，以及資料如何在它們之間傳輸的標準，

2.TCP/IP的具體內容

TCP：用于應用程式之間的通信，這個請求必須被送到一個確切的地址，同時建立的是全雙工通信

IP：用于計算機之間的通信，是無連接的通信協議，IP負責將每個包路由至它的目的地，每一個計算機必須有一個IP地址才能接入Internet，每個IP包必須有一個地址才能夠發送到另一臺計算機，

TCP/IP：指兩者協同作業

TCP負責應用軟體（瀏覽器）和網路軟體之間的通信，IP負責計算機之間的通信，

TCP負責將資料分割并裝入IP包，然后再到達后重新組合它們，IP負責將包發送至接受者，

TCP/IP 使用 32 個位元或者4個0到255之間的數字來為計算機編址，

1.5.2 TCP/IP 協議

TCP/IP是不同的通信協議的大集合

第一章練習題

很多題都是基礎定義，了解一下，

教程鏈接：

1. https://www.bilibili.com/video/BV1ua411F7Px?p=7
2. https://www.w3school.com.cn/tcpip/tcpip_intro.asp