Web前端和後端有什麼區別(上)

2021-01-21 騰訊網

關於Web前端與後端之間有什麼區別呢,下面有小編帶你了解一下,相信看完本文你會有新的理解。

一.定義不同

一般來說,我們把網站分為前端和後端。前端主要負責頁面展示,後端是業務邏輯的實現。

1、Web前端:

這裡所說的前端泛指Web前端,也就是在Web應用中用戶可以看得見碰得著的東西。包括Web頁面的結構、Web的外觀視覺表現以及Web層面的交互實現。

2、Web後端:

後臺更多的是通過與資料庫交互來處理相應的業務邏輯。要考慮的問題有:功能的實現,數據的訪問,平臺的穩定性和性能等等。

二,需要掌握的技術不同

1、Web前端:

精通JS,HTML。能熟練應用JQuery,懂CSS,能熟練運用這些知識,進行交互效果的開發。

(1)能夠書寫語義合理,結構清晰,易維護的HTML結構;

(2)能夠還原視覺設計,併兼容業界承認的主流瀏覽器;

(3)了解ECMAScript基礎內容,掌握1-2種js框架,如JQuery;

(4)對常見的瀏覽器兼容問題有清晰的理解,並有可靠的解決方案;

(5)對性能有一定的要求,了解yahoo的性能優化建議,並可以在項目中有效實施。

2、Web後端:

後端開發人員:會寫Java代碼,會寫SQL語句,能做簡單的資料庫設計,會Spring和iBatis,懂一些設計模式等。

(1)精通jsp,servlet,javabean,JMS,EJB,Jdbc,Flex開發,或者對相關的工具、類庫以及框架非常熟悉,如Velocity,Spring,Hibernate,iBatis,OSGI等,對Web開發的模式有較深的理解;

(2)練使用oracle、sqlserver、mysql等常用的資料庫系統,對資料庫有較強的設計能力;

(3)熟悉maven項目配置管理工具,熟悉tomcat、jboss等應用伺服器,同時對在高並發處理情況下的負載調優有相關經驗者優先考慮;

(4)精通面向對象分析和設計技術,包括設計模式、UML建模等;

(5)對網絡編程有一定的了解,有設計和開發外部 API接口的經驗和能力,有跨平臺 API規範設計和 API有效調用的設計能力。

三、web後端和前端是怎麼連接的?

1、Web伺服器(apache, tomcat等),網絡協議(http, socket等),瀏覽器(chrome, FF, IE等)。瀏覽器發起建立連接請求,通過網絡協議連接到伺服器,伺服器保持連接,獲取瀏覽器需要的數據,伺服器通過連接返回內容給瀏覽器,然後瀏覽器將數據顯示出來。

2、連通協議通常是 http,還有 websocket。伺服器是以服務的方式存在,就像外賣店一樣,你打電話過去,人家就把食物送到門口。

3、web伺服器使用相同的網絡連接訪問資料庫,埠只是開放服務的入口,就像外賣電話一樣。

四、JavaWeb與web前端的區別?

1、網頁前端,主要是給網站做靜態頁面,即你平時瀏覽網站看到的網頁基本上都是來自網頁前端,但網站布局可以是美工出圖。

Web前端需要掌握的技術有: DIV+ CSS、 j、 jQuery等更高層次的技術,即可以使用一些框架訪問網頁。這種框架也很多。像 Bootstrap, UIkit, Kube等。

2、通常 javaweb與前端有關。而且 web前端開發很可能會涉及到 java。通常來說,前端開發只涉及 js, html, css,有些可能需要使用 flash, photoshop。這個框架有 jquery、 ext、 jodo等等。

如果 web前端是 java, web前端可能是. net或者 php等等,但是 javaweb可以確定後端是 java, web前端實際上是一樣的。前端與 Javaweb之間的區別主要在於前端的設計和效果,而 Javaweb則更加關注後端的內容。

3、初入 web開發,首先要選擇的是學習的方向,看你想從事的是前端還是後端程序部分。肯定是在工作後期,就不會分那麼細了。幹前到後期也會懂得一些後端技術,反過來說,後端也一樣。

相關焦點

  • Web前端和後端有什麼區別(下)
    此處提到的 css不包括css3,通常我們看到在 web前端開發工程師的需求中,會有一個 css+ html或 css+ div用於界面布局,所以 css是用來幫助 html進行布局和顯示的,我們稱之為「css+ div」,為什麼要說 css+ div?由於我在上面說過, div是 html中主要用來布局的,所以 div是最重要的。
  • 曾經的迷茫,WEB前端是做什麼的?
    相信不少的人都有過迷惑,web前端是做什麼的?什麼時候開始有了web前端的這個概念?不知何時,不管是web前端行業的從業者,還是非從業者,都對web前端產生了濃厚的興趣。但在這個前端培訓機構多如牛毛,一批批培訓人員從培訓機構輸出的時代,幾乎大多數人不太清楚web前端這個名詞的起源。他們僅知道的是,從事這個行業會有很好的發展前途,會拿到不錯的薪水,至少很多的招聘機構是這麼寫的,也有不少的公司求賢若渴,給出的薪水很高。也許大家都知道,web前端是做網頁設計的。
  • web前端開發是做什麼的?零基礎該怎麼學習
    假如大學畢業工作不如意,想轉行,這個時候最好出路已經是學習,學習一門有前景的技術。本文我們將為大家介紹一下web前端開發。web前端開發是做什麼的?從狹義上講,web前端工程師主要使用HTML、CSS、JavaScript等專業技能和工具將產品UI設計稿實現成網站產品,涵蓋用戶PC端、移動端網頁,處理視覺和交互問題。
  • 武漢Python Web全棧開發工程師修煉價格_web前端開發培訓哪家好...
    【課程介紹】課程以python語言為主導,進行web服務相關的全棧開發,包含後端伺服器開發,部署,監控;web前端開發,前後端不分離模板模式開發,前後端分離,單獨前端部署方案。課程涉及到的知識點有:後端:1.flask web框架框架中的 view url template的基礎模塊與功能開發sqlalchemy orm 框架migrate sql遷移框架redis 資料庫sdk(mongodb 資料庫sdk)       跨域解決等2.gunicorn 伺服器部署
  • Web前端是做什麼的?
    自2005年網際網路進入Web2.0時代以來,出現了大量類似桌面軟體的Web應用,網站前端發生了翻天覆地的變化,網頁不再僅僅承載單一的文字和圖片,各種豐富的媒體使網頁內容更加生動,網頁上的軟體交互為用戶提供了更好的使用體驗,這些都是基於前端技術的。web前端的開發涉及廣泛的領域,還有很多需要學習的地方。
  • Web前端工程師具體是做什麼的?發展好嗎?
    關於Web前端都有這些問題吧Web前端工程師是做什麼的?現在發展前景怎麼樣?零基礎學習難嗎?發展好嗎?1、什麼是Web前端Web前端開發技術是一個先易後難的過程,Web前端開發工程師,主要是實現客戶端(手機和電腦)上看到的頁面和一些交互效果(比如點擊,查看詳情)等。
  • 如何做好一個Web前端開發工程師
    無論是後端開發、設計行業,還是零基礎行業,只要你對Web前端感興趣,就可以加入前端開發行業,這是一個報酬優厚的行業,在網際網路企業中不可或缺。很多人對 web前端都有濃厚的興趣,但卻不知道如何開始學習,今天就為大家推薦7步法幫助你成為 web前端開發工程師。
  • web前端需要學習什麼?初級階段都要學什麼?
    網絡看到了很多詢問貼子,web前端需要學習什麼?自學要多久?要學習哪些技術?初級階段都要學習什麼?有什麼要求……也有很多朋友在網絡上自學的,也有參加網絡教學的,或者在去一些培訓學校參加培訓Web前端的,都會關心一個「web前端需要學習什麼」?
  • Web前端的就業前景如何
    Web前端對網站而言,通常指前端部分,它包括網站表現層和網站結構層。所以一般來說,前端技術分為前端設計和前端開發,網絡的視覺設計主要是有前端設計負責,網站的前端代碼實現,主要是由前端開發負責。基本的有 HTML和 CSS, JavaScript/ajax,以及目前新的高級版本HTML5,CSS3,以及 SVG等等。
  • web前端開發常用工具有哪些
    Web前端是一個新興職業,市場需求大,薪資待遇高,吸引了很多人加入學習。無論是初學小白亦或是自身前端開發人員,好用的軟體工具可以幫助他們更好的工作。下面為大家介紹一些常用的web前端開發工具:1、BootstrapBootstrap 是快速開發 Web 應用程式的前端工具包。它是一個 CSS 和HTML 的集合,它使用了最新的瀏覽器技術,給你的 Web 開發提供了時尚的版式,表單,buttons,表格,網格系統等等。
  • 使用Spring Boot,Angular 6和Maven構建Web應用程式
    使用Maven 組合Spring Boot和Angular可能是一項具有挑戰性的任務。在這篇文章中,我們將使用Spring Boot和Angular 6創建一個簡單的Web應用程式,並將它們打包在一個war文件中。創建Maven項目首先,創建一個包含兩個模塊的Maven項目:一個用於後端,另一個用於前端。
  • Web前端三大主流框架是什麼?
    前端框架對於前端開發的好處是顯而易見的,比如減少代碼中因失誤產生的bug,還能大大節約時間和人力成本,縮短開發周期等等。目前,市面上Web前端三大主流框架分別指的是Angular、React和Vue,在Web前端開發中,它們平分秋色,各有優劣。
  • Web前端應用十種常用技術
    隨著JS與XHTML的應用普及,越來越多的web界面應用技術出現在網站上,比如我們常見的日曆控制項,搜索下拉框等,這些web界面應用技術大大的豐富了網站的表現形式,本文將為您精心推薦十種最常見的web界面應用技術。Web應用程式的界面設計,其核心就是網頁設計 ,但它的重點主要是在功能方面。
  • Web1.0與Web2.0和Web3.0的本質區別是什麼
    Web1.0與Web2.0和Web3.0的本質區別是什麼 區塊網(Delton Rh 發表於 2019-09-04 11:09:27 前言:網際網路的範式不斷迭代升級
  • SLAM和SFM有什麼區別?
    SALM是一個概念不是算法,SLAM包含多個模塊,每個模塊都有多種算法.每種算法很複雜的,此處還是保護好自己頭髮!整個SLAM框架可以分為前端和後端.根據不同的前端需求,我們採用不同的後端策略,後端也提出了眾多的算法理論,這些基本都是關於優化方面的東西,還是要好好保護頭髮.附上一些SLAM效果圖
  • 全棧AI工程師指南,DIY一個識別手寫數字的web應用
    第四篇 介紹前端web單頁應用的開發。 當然也可以寫個後端服務,部署成web應用。 第四篇 介紹前端web單頁應用的開發 如果你練習裡前面三篇,相信你已經熟悉了Docker和Keras,以及Flask了,接下來我們實現一個提供給用戶輸入手寫字的前端web頁面。
  • 鳶尾花預測:如何創建機器學習Web應用程式?
    這需要用到三個Python庫,即streamlit、pandas和scikitlearn。應用程式的概念流程主要由兩個部分組成:前端和後端。圖源:unsplash在前端,左側欄將接受與鳶尾花特徵(如花瓣長度、花瓣寬度、萼片長度和萼片寬度)相關的輸入參數。這些特性會被傳送到後端,後端的訓練模型將預測類標籤作為輸入參數的函數,預測結果再發回前端顯示。
  • 教程:通過 Subspace 和 Infura 實現實時前端數據
    在關於前端開發的上一篇文章中,我們最後提供了一個網站。用戶可通過 MetaMask 連接該網站,它將顯示用戶的以太幣帳戶餘額。但是,有許多以太坊用例(例如 DeFi)涉及到 ERC20 令牌的發送和接收,其跟蹤方式與原生以太幣不同。
  • 前端Web開發人員應 該具備的十大技能,你掌握了幾個?
    什麼是前端Web開發?前端Web開發是一種通過使用HTML,CSS和JavaScript將數據轉換為圖形界面的實踐,以便用戶可以查看該數據並與之交互。#web前端#前端Web開發是當今技術行業中最需求的技能之一。隨著新技術的創新,該行業不斷變化。
  • Azure 靜態 web 應用集成 Azure 函數 API
    但是一個真正的web應用,總是免不了需要後臺api服務為前端提供數據或者處理數據的能力。同樣前面我們也介紹了Azure函數服務,Azure函數的http trigger可以對http作出響應,可以完美的承當web api的角色。現在Azure靜態web應用可以直接集成Azure函數,使得一次發布可以同時發布前端項目(vue、blazor)及後臺api服務(azure函數)。