前端工程師和網頁重構工程師二者有什麼區別和聯繫？

01-05

前端工程師和網頁重構工程師二者有什麼區別和聯繫？

【前端開發工程師】的工作內容是使用 JavaScript、ActionScript 等語言編寫客戶端腳本，實現動態效果。比如：AJAX 提交文章評論、通過本地存儲保存用戶歷史瀏覽記錄等等。偏開發。

【網頁重構工程師】的工作內容是通過編寫 CSS、合理化頁面結構來實現頁面效果和提升性能。比如：對頁面進行微數據處理和 SEO、頁面樣式統一等等。偏設計。

前者的重點在 JavaScript、ActionScript，甚至 iOS、Android 客戶端程序；而後者的重點在 HTML、CSS、SEO 等。

兩者技術重疊度很高，在阿里巴巴、淘寶和支付寶沒有這樣分工，均稱為【前端開發工程師】，上面的技能都要懂。而在騰訊，WOYO 等公司有明確的分工，但據我所知，以上技能他們也都懂的。

對於兩者的區別，我沒有專門考究，僅聽朋友云云和自己的理解，希望能幫到你。

------------------------- 以下 2014 年 5 月 4 日更新 -------------------------

這幾年前端發展很快，以下這段是我對前端崗位的了解，帶有一定的感情色彩，如不認同請評論里罵我，或者忽略不管。

因為 NodeJS 的興起，前後端分離搞起、小遊戲玩起。前端的涉足的領域越來越多，可能會有【無線前端】、【Node 前端】、【Web 前端】、【圖形遊戲前端】等等等等的職能側重分工。而事實上前端崗位並沒有細分到這種程度，這個崗位要求前端在各領域都有所了解（包括很多後端技能），並在其中一兩方面有深入了解。

最近面試比較多，發現有些正在進入這個行業的小夥伴還停留在這樣的認知：知道 Bootstrap 怎麼用、能將頁面細節做到不差一個像素就夠了。然而，這種角色並不是不需要，但可取代性太高，也沒有太大的發展潛力，只會將路子越做越窄。

最後廣告一下：

招各種類型的前端開發，要求基礎好、熱情高、潛力佳。簡歷可投：zhao.wuz@alibaba-inc.com，也可私信。（大三、研二和應屆的小夥伴請走阿里巴巴的校招流程。）

前端開發工程師和網頁重構工程師，都是做頁面的，都是在要把頁面的表現展現在用戶眼前，目的一樣，而走的路線不一樣，條條道路捅羅馬……

似乎在很多人眼中認為，重構工程師要做的僅僅就是切圖、寫HTML、寫CSS，其他什麼都不會。不過事實上有絕大部分的人好像是這樣，但這並不代表重構工程師的作用很低。其實每一位重構工程師，如果不是想混日子，不是在濫竽充數的，他們就不會一直在做簡單的切圖、寫CSS之類的工作，而是會用更多的心思去思考問題，讓後面的開發工作變得簡單容易。

前端開發和重構這兩份工作相輔相成，分工的細化，可以讓人變得更專，更精。其實重構這份工作不簡單，比如給你一個頁面的PSD後，拿到這個頁面時要考慮哪些圖片怎麼優化、怎麼合併；樣式文件怎麼編寫；結構怎麼處理會便於開發的工作以及後期的擴展性；諸如此類的問題，在頁面製作的過程會想得比較多。

個人比較認同的是，前端開發和網頁重構是同一工種，但分工不同的工作。一定要將他們區分開來的話，那麼應該就是平時所寫的代碼側重點不一樣，前端開發偏向JS或者AS，網頁重構偏向CSS。

前端開發和網頁重構所「精通」的方向不同，但所了解的技術點都是差不多的，都懂得一點點的PHP或者其他語言，JS、AS、CSS什麼的也都知道些，只是深入研究的方向不同。

寫到這裡，我突然想到一個職位，叫「美工」，其實這個職位是萬能的，什麼東西都要做，尤其是在一些小公司或者建站類型的網路公司。萬能的人不太可能精通所有的東西。精通的東西有一兩樣就已經非常吃香了。

而很多大公司里分工明細化，估計也就是為了在這個職位的人能發揮他所具有的能力。

PS：記得淘寶好像都叫前端開發工程師，但是好像他們那邊也有側重於寫CSS的人。

--------------------( # ▽ # )---------------------------------

好像第一次在zhihu寫這麼多東西，而且也都是廢話比較多，望見諒……

當年的網頁前端技術完成新老交接之後，「網頁重構」這個說法就逐漸顯得山寨和詭異了。

騰訊、新浪、攜程等公司似乎仍然把前端開發拆分為網頁重構（或稱網頁製作）與 JS 開發兩個工序。前者負責靜態頁面製作（HTML+CSS），較少涉及 JS；後者主要負責 JS 編程（UI 動效與數據交互），較少涉及頁面布局。後者在這些公司內也往往被特指為「前端開發」。

但在更多的公司中，已經不存在這種工序層面的分工了。暫不說這種分工的效率如何，網頁前端領域這幾年正在飛速發展，技能單一的前端工作者將很難適應時代。

感謝邀請。大夥都表達了不少答案，很贊。相信很多人會認為設計師是美工，網頁重構是切圖輸出頁面門檻極低。外行這麼理解，無意見，可行業內也這麼理解，就有些不吐不快。

05年有本書叫，指的是換一種思維，而不是重新做一個。更不是簡單認為拿個psd切個頁面出來。

術業有專攻，或許只是各企業職位稱呼不同，當然分工也會有區別。偏設計、html等或js、php、服務端等，畢竟互聯網技術月新月異，覆蓋範圍也廣，所以需要分工精細，提升深度，同時還有廣度。因為廣度，就決定了深度表現出來的業務價值是否稱職。打個比方，重構或前端也需掌握數據分析、產品創意、設計美感、用戶心理、網路原理、瀏覽器、服務端部署、數據結構等等。沒有這些廣度、上下游知識面的支撐，如何開展工作、討論方案、做精品項目？這些不是一個人全能勝任或掌握的職位要求。

存在即合理，不認為是目光局限、固地自封的產物，更別把網頁重構想得就比前端開發下賤，因為不同職位間或企業間的誤解，會有些不同的想法。別站在一個高度看問題，彎下腰，世界會更美好。

行業的價值不因職名而改變，更多是個人在複雜環境中輸出什麼產物。少些浮躁，泰然，相互進步，行業美好，共勉！

回答樓豬的問題不能太專業，很多畢業生找工作對這些玩意確實不懂，公司設立崗位的目的是為了優化工作流和人員招聘等，參考因素是很多的。

所謂重構就是將設計稿還原為瀏覽器可用的代碼。

前端是除了重構職能外還要做一些瀏覽器交互，可以說是除了服務端以外的所有交互，語言可以是js也可以是as。

重構從程序的角度更偏重配置語言的範疇，按照規則語法合理的配置，像後端也有配置，比如php.ini apache的conf等，但是絕對比那些要複雜一些。

前端偏開發部分是偏重程序邏輯的，和其他語言的程序員並無差異，但是噁心的是程序的目的更多的是交互的實現而不是傳統程序的數據處理。

我幹了這麼多年了，走過的公司也很多，要說前端開發這個崗位，裡面也是有一部分分工的，重構和js全能的人也不會佔到50%。喜歡寫程序的人並不是每個人都喜歡做重構，因為思維方式不同，而做重構的也不是不了解js。而as就比較特殊了，幾乎都是和重構和js完全分開的，獨立工種的存在。

很多事情存在就有他的合理性，重構屬於界面實現類的工作其實和設計部門的設計師關係很密切，耦合也很高，和設計部放到一起成為獨立的工種也有他的優勢。

js開發既要向後考慮數據邏輯層的交互，也要向前考慮頁面動態交互，和後端放到一起也有合理性。

至於技術的深度和廣度，主要還是看錢途吧，每個技術深入了都是有的混的，只要是打工，除了技術以外還有很多非技術的因素呢，比如產品理解能力，溝通協調推動，人員培訓等等。技術只是其中很小一部分。

所謂重構，htmlcss，門檻相對淺，但不意味著價值低，任何一個崗位都必須做到價值的體現，重構在設計交互的理解力上應該有自己優勢，可以做好設計和開發的橋樑，在提升頁面速度效率方面多發揮專業素養和優勢，另外，特別對於存在換膚體系，產品模塊化，交互複雜的產品整站的結構搭建，一個好的重構可以起到事半功倍的作用。把事情梳理好了，也可以提高團隊的效率。此外，在優化上也可以切實的降低整站的運維成本。這些都是一個好的builder應該具備的。單純來psd就切，那必然會感覺很沒勁，所謂價值更是無從談起。當然了，話說回來，css是大前端里的一個子集，個人感覺css和js都是在各自專業維度解決問題，有的公司不分這麼細，整個前端團隊里也會多少會有側重，大家也是在前端這個大的專業維度解決問題。

像網頁製作一樣，網頁重構是歷史的遺物，或者說早在05年就被賦予新的概念了。現在只有前端開發。國內某些大公司不願打破舊有的開發秩序，才會導致大量從事網頁製作、重構的人不能適應發展轉型。從業者絕不能看眼前有飯碗就安於現狀。

前端工程師，首先應該是一個網頁重構者，且具有相當的網頁重構能力，所以它們的具有大部分的交集……

不同的是，前端工程師的價值體現在Javascript等腳本語言的深入，以及跟後台的交互、介面等，網頁重構工程師的價值體現在頁面性能等，雖然html + css + Javascript為他們的交集……

對於我來說（忽略一些東西），前端工程師包含了頁面重構工程師

其實沒那複雜，都是「做頁面的」，只是不同公司習慣性的叫法不一樣（你懂的，叫習慣了改過來就有點麻煩了）。據我所知，不同公司的一些習慣性的叫法：

騰訊：網頁重構

新郎：ria開發

搜狐：js開發

其他一些公司：web設計工程師、css開發……

當然，如果硬是要嚴謹的區分，前面的已經說得很清楚了……

我有寫過一篇關於這兩者的對比

1、頁面重構需要具備足夠的耐心，反反覆復；js工程師要不重複自己。

2、頁面重構需要了解設計師的想法；js工程師需要了解後端工程師的想法。

3、頁面重構偏藝術，需要想像力；js工程師偏程序，需要邏輯思維。

4、頁面重構要關注css3，用代碼實現各種效果；js工程師要關注html5，了解新的js api。

前端開發的要求之一是頁面重構，在某些公司前端是單獨分開的，單寫JS或單寫html，css。

頁面重構的門檻相對較低，但深入了，依舊水很深。

個人覺得前端是發展方向，兩手抓，兩手都要硬。