Web前端 Web前端和Web後端的區分

1、緒論
一、
前臺：呈現給用戶的視覺和基本的操做。
後臺：用戶瀏覽網頁時，咱們看不見的後臺數據跑動。後臺包括前端、後端。
前端：對應咱們寫的html、css、javascript 等網頁語言做用在前端網頁。
後端：對應jsp、javaBean、dao層、action層和service層的業務邏輯代碼。（包括數據庫）
爲何jsp是後端呢？主要是jsp的運行原理是在tomcat服務器運行的。

二、
(1)javaweb是java開發中的一個方向 java有搞安卓的，搞web的，搞嵌入式的等。javaweb就是指搞web方向的，javaweb分兩塊，一塊是服務器端叫後端，另外一塊叫前端，也就是web前端。前端就是用戶能看到的部分，好比淘寶網，qq空間，網頁上你能看到的都是web前端作的。後端作的就是爲前端的展現業務邏輯功能作處理。
(2)java web包括了jsp，servelt以及一些框架好比spring，structs以及與數據庫交互的知識，固然也涉及到了html，css等前端技術，可是更側重於後端的開發。web前端主要是html，css，javascript之類的技術。
jaweb是javaee的一個方向，Javaweb，由前端、Java代碼、和數據庫三個大方面組成，前端只是其中之一。
(3)在咱們的機子上看到的界面，安裝的程序，給用戶看的，操做的就是前端；而你看不到的，幫你保存網絡遊戲數據，保存應用數據，處理數據的就是後端（服務器）。好比說：咱們在用的知乎就是前端，而保存這個問題，還有把這個問題推送給你的就是後端。

2、定義不一樣
通常來講，咱們將網站分爲前端和後端。前端主要負責頁面的展現，後端則是業務邏輯的實現。
一、Web前端:
顧名思義是來作Web的前端的。這裏所說的前端泛指Web前端，也就是在Web應用中用戶能夠看得見碰得着的東西。包括Web頁面的結構、Web的外觀視覺表現以及Web層面的交互實現。
二、Web後端：
後端更多的是與數據庫進行交互以處理相應的業務邏輯。須要考慮的是如何實現功能、數據的存取、平臺的穩定性與性能等。

3、須要掌握的技術不一樣
一、Web前端：
精通JS，能熟練應用JQuery，懂CSS，能熟練運用這些知識，進行交互效果的開發。
(1)精通HTML，可以書寫語義合理，結構清晰，易維護的HTML結構；
(2)精通CSS，可以還原視覺設計，併兼容業界認可的主流瀏覽器；
(3)熟悉JavaScript，瞭解ECMAScript基礎內容，掌握1-2種js框架，如JQuery；
(4)對常見的瀏覽器兼容問題有清晰的理解，並有可靠的解決方案；
(5)對性能有必定的要求，瞭解yahoo的性能優化建議，並能夠在項目中有效實施。

二、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高效調用設計能力。

4、web後端和前端是怎麼鏈接的？
一、web服務器（apache、tomcat等），網絡協議（http、socket等），瀏覽器（chrome、FF、IE等）。瀏覽器發起創建鏈接請求，經過網絡協議與服務器創建鏈接，服務器保持鏈接，獲取瀏覽器想要的數據，服務器經過鏈接返回內容給瀏覽器，瀏覽器把數據呈現出來。
二、鏈接的協議通常是http，也有websocket。服務器以服務的方式存在，就像外賣店，你打個電話過去，人家就把飯菜送上門來了。
三、web服務器訪問數據庫同樣要使用網絡鏈接，端口只是開放服務的入口而已，就像外賣的電話。

5、JavaWeb與web前端的區別？
一、web前端，主要是給網站作靜態頁面的，也就是說你平時瀏覽的網站所看到的頁面基本都出自web前端，不過網站版面能夠是美工出圖。
web前端須要掌握的技術有：DIV+CSS，j，jQuery更高一層的是能夠去使用一些框架去網站頁面。這樣的框架也有不少。如Bootstrap，UIkit，Kube等等。
二、javaweb通常涉及到前端。而web前端開發只是有可能涉及到java。
前端開發通常只涉及到js,html,css,有些可能會用flash,photoshop這些。框架就jquery,ext,jodo等這些。
web前端的話他的後端多是java，也多是.net或者php等均可能，但javaweb能夠肯定後端就是java，web前端其實都同樣。
前端和Javaweb的區別更多的在於一個主要負責前端的設計和效果，而Javaweb更專一於後端的內容。
三、剛開始從事web開發時，首先要選準學習方向，看是想從事前端部分仍是後端程序部分。固然在工做的後期，就不會分的那麼細緻了。作前端到後期也會懂一些後端的技術，反之，後端也是。

6、學習Web前端開發都須要掌握哪些技能？
一、學習html。這個是最簡單的,也是最基礎的.要熟練掌握div、form table、ul li 、p、span、font這些標籤,這些都是最經常使用的,特別是div和table,div用於佈局、table也能夠用於佈局,可是不靈活,基本 table是用來和數據打交道。
二、學習css。這裏說的css不包括css3,通常咱們看到web前端開發工程師的要求裏面,有一個會使用css+html 或者 css+div 來進行界面佈局,因此css是用於輔助html來佈局和展現的,咱們稱之爲「css樣式」,爲何會說css+div呢?由於我上面說了div就是 html主要用於佈局的東西,因此div就是核心掌握的東西!那麼css確定必需要配合div來使用纔好.css要熟練掌握float、 position、width、height，以及對於的最大最小、會使用百分百、overflow、margin、padding等等,這些都是跟佈局 有關係的樣式,一點要掌握。
三、學習js。可能前兩個你們以爲還過的去,看到js就傻眼了,其實吧,js入門很簡單的,不須要會不少東西的,只要會根據某個id、或者name拿到網頁dom或者樣式、或者值,而後會給某個id或者name的元素標籤賦值、或者追加數據、追html,這個是跟數據有關係的操做,而後數據邏輯判斷,效果方面的,無非就是跳轉、彈框、隱藏什麼的,把這些所有結合其餘就是實際用途了,代碼一點都不難,會了這些基礎js,其餘的直接百度就行了.而後看多了,用多了,就什麼都不是問題了。
四、學習jquery。jquery是至關於把js封裝了一套的一個js插件,目的就是操做起來更方便,代碼寫的更少,jquery入門也很簡單,那些是入門須要學的和js同樣,只是換成了jq的代碼.其餘的同樣百度就夠了。
五、最好會點後臺語言,好比java、php,爲何呢?由於前臺界面的數據都是從後臺來的,若是會點後臺代碼,就知道怎麼跟後臺交互數據是最好的, 這樣節約時間,也可讓前端代碼更規範.否則可能由於你的寫法和後端給來的數據不能結合上,那麼前端代碼又得從新寫,那就更加麻煩了。
六、學習css3+html5,可能這個對於更接手的新人來講有點困難，須要較強的代碼知識與經驗，可是若是大家是準備專門搞前端,那麼最好仍是學一下，這樣對於未來的工做會有更大的幫助。

7、從事Java後端開發都須要掌握哪些技能？
對於初學Java而且有志於後端開發的同窗來講，須要重點關注如下幾個部分：
一、基礎：好比計算機系統、算法、編譯原理等等
二、Web開發：主要是Web開發相關的內容，包括HTML/CSS/js（前端頁面）、 Servlet/JSP（J2EE）以及MySQL（數據庫）相關的知識。它們的學習順序應該是從前到後，所以最早學習的應該是HTML/CSS/JS（前端頁面）。還有一些前段框架好比easyui,還有js,jquery等技術。
三、J2EE：你須要學習的是Servlet/JSP（J2EE）部分，這部分是Java後端開發必須很是精通的部分，所以這部分是這三部分中最須要花精力的。關於Servlet/Jsp部分視頻的選擇，業界比較承認馬士兵的視頻。 四、數據庫：你須要學會使用數據庫，mysql是個不錯的入門選擇，並且Java領域裏主流的關係型數據庫就是mysql。這部分通常在你學習Servlet/Jsp的時候，就會接觸到的，其中的JDBC部分就是數據庫相關的部分。你不只要學會使用JDBC操做數據庫，還要學會使用數據庫客戶端工具，好比navicat，sqlyog，二選一便可。
五、開發框架：目前比較主流的是SSM框架，即spring、springmvc、mybatis。你須要學會這三個框架的搭建，並用它們作出一個簡單的增刪改查的Web項目。你能夠不理解那些配置都是什麼含義，以及爲何要這麼作，這些留着後面你去了解。但你必定要能夠快速的利用它們三個搭建出一個Web框架，你在搭建SSM的過程當中，可能會常常接觸到一個叫maven的工具。這個工具也是你之後工做當中幾乎是必需要使用的工具，因此你在搭建SSM的過程當中，也能夠順便了解一下maven的知識。在你目前這個階段，你只須要在網絡上了解一下maven基本的使用方法便可，一些高端的用法隨着你工做經驗的增長，會逐漸接觸到的。
六、你須要去看一些JDK中的類的源碼，也包括你所使用的框架的源碼。這些源碼能看懂的前提是，你必須對設計模式很是瞭解。不然的話，你看源碼的過程當中，永遠會有這樣那樣的疑問，這段代碼爲何要這麼寫？爲何要定義這個接口，它看起來好像不少餘？由此也能夠看出，這些學習的過程是環環相扣的，若是你任何一個階段拉下來了，那麼你就真的跟不上了，或者說是一步慢步步慢。總而言之，這個階段，你須要作的是深刻了解Java底層和Java類庫（好比並發那本書就是Java併發包java.concurrent的內容），也就是JVM和JDK的相關內容。並且還要更深刻的去了解你所使用的框架，方式比較推薦看源碼或者看官方文檔。
---------------------
做者：zhanzhan0816
來源：CSDN
本文轉載來自：https://blog.csdn.net/zz13995900221/article/details/80374893