web前端簡介 | 什么是前端


前端簡介

前端de概念

前端即網站前台部分,運行在PC端,移動端等瀏覽器上展現給用戶瀏覽的網頁。多數后端開發人員從事於構建工作應用程序背后的實際邏輯。前后端需要相互配合,共同完成一個項目。那到底什么是前端?什么是后端呢?

接下來帶你一起來了解前端與后端技術的區別。

img

前端即網站前台部分,運行在PC端,移動端等瀏覽器上展現給用戶瀏覽的網頁。隨着互聯網技術的發展,HTML5,CSS3,前端框架的應用,跨平台響應式網頁設計能夠適應各種屏幕分辨率,完美的動效設計,給用戶帶來極高的用戶體驗。

任何與操作系統打交道的界面都可以稱之為"前端" 手機界面(app) 電腦界面(軟件) 平板界面(軟件)

在了解前端之前呢我們需要了解一下什么是HTTP協議

什么是協議:

  • 協議即共同計議,協商;經過談判、協商而制定的共同承認、共同遵守的文件。

HTTP協議由來:

因為瀏覽器需要充當很多服務端的客戶端
	但是不同服務端的代碼是由不同的程序員開發的
	從而會出現的數據格式和編程語法千變萬化,如何讓瀏覽器全部能夠兼容呢
	為了能夠讓瀏覽器無障礙的與諸多服務端進行數據交互
			所以有了HTTP協議  大家都遵循這個協議

HTTP 之URL

其實我們通常說的網站他的專業名詞就是URL

URL:統一資源的定位符  (訪問URL即訪問整個資源體)

http協議詳解

 http請求由三部分組成,分別是:請求行、消息報頭、請求正文

1、請求行以一個方法符號開頭,以空格分開,后面跟着請求的URI和協議的版本,格式如下:Method Request-URI HTTP-Version CRLF  
其中 Method表示請求方法;Request-URI是一個統一資源標識符;HTTP-Version表示請求的HTTP協議版本;CRLF表示回車和換行(除了作為結尾的CRLF外,不允許出現單獨的CR或LF字符)。

請求方法(所有方法全為大寫)有多種,各個方法的解釋如下:
GET     請求獲取Request-URI所標識的資源
POST    在Request-URI所標識的資源后附加新的數據
HEAD    請求獲取由Request-URI所標識的資源的響應消息報頭
PUT     請求服務器存儲一個資源,並用Request-URI作為其標識
DELETE  請求服務器刪除Request-URI所標識的資源
TRACE   請求服務器回送收到的請求信息,主要用於測試或診斷
CONNECT 保留將來使用
OPTIONS 請求查詢服務器的性能,或者查詢與資源相關的選項和需求

2、請求報頭后述
3、請求正文

http協議四大特性

1.四大特性
	1.基於請求響應
  	服務端永遠不會主動給客戶端發消息 必須是客戶端先發請求
    如果想讓服務端主動給客戶端發送消息可以采用其他網絡協議
  2.基於TCP、IP作用於應用層之上的協議
  	應用層(HTTP)、傳輸層、網絡層、數據鏈路層、物理鏈接層
  3.無狀態
  	不保存客戶端的狀態信息
    	早期的網站不需要用戶注冊 所有人訪問的網頁數據都是一樣的
      "縱使見她千百遍 我都當她如初見"
  4.無連接/短連接
  	兩者請求響應之后立刻斷絕關系

http協議響應狀態碼

	用數字來表示一串中文意思
  1XX:服務端已經接受到了數據正在處理 你可以繼續發送數據也可以等待
  2XX:200 OK請求成功 服務端返回了相應的數據
  3XX:重定向(原本想訪問A頁面 但是自動跳轉到了B頁面)
  4XX:403沒有權限訪問  404請求資源不存在
  5XX:服務器內部錯誤
  """
 	公司還會自定義狀態碼 一般以10000開頭
		參考:聚合數據
  """

web前端的學習流程

web是一門獨有的強大技術,要想鑽的很深,需要花費大量的時間的。

img

前端三劍客:

HTML
html(超文本標記語言——HyperText Markup Language)是構成 Web 世界的基石。HTML是一種基礎技術,常與CSS、JavaScript一起被眾多網站用於設計令人賞心悅目的網頁、網頁應用程序以及移動應用程序的用戶界面。

CSS
層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現HTML(標准通用標記語言的一個應用)或XML(標准通用標記語言的一個子集)等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。CSS 能夠對網頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字號樣式,擁有對網頁對象和模型樣式編輯的能力。

JS
JavaScript一種直譯式腳本語言,是一種動態類型、弱類型、基於原型的語言,內置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用於客戶端的腳本語言,最早是在HTML(標准通用標記語言下的一個應用)網頁上使用,用來給HTML網頁增加動態功能。

比喻:html就像是房子的主題結構,css是將房子進行划分成屋子並進行粗裝修,javascript就是確定細裝修決定各個門走向,開關是做是開哪里的燈的還是水閥門。

img

img


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM