Hello我是數據里奧斯，前端技術是一項發展非常快速的技術領域，隨著技術的變革，前端工程所做的工作和重要性也在不斷發生著變化，我簡單從下面幾個階段和階層來描述一下前端工程師的工作：

1. 職責：切圖仔，時期：前后端不分/后端MVC框架時期

在初級階段，前端的主要工作，也是目前最基礎的工作，就是將設計師提供的交互視覺稿進行切圖，并通過HTML，CSS技術組裝成我們所需要的頁面模板，后段工程師則將頁面模板嵌入數據，組裝進整個項目中，這個階段前端是沒有辦法獨立完成項目的，也還沒有真正意義上純粹的前端工程師

2. 職責：前端項目開發 時期：前端 MVC 框架時期，SPA單頁應用時期

這個階段Ajax 技術促成了 Web 2.0 的誕生，通過API與后段接口進行交互，前端項目可以完成數據讀寫，頁面切換，用戶交互等一系列復雜的操作和功能，從某種程度來說，前端可以獨立承載一個程序所需要的大部分事情。前端工程師的工作也從單純的開發頁面，變成了開發應用。我們常說的React, Vue, Angular都屬于非常著名的前端應用開發框架

3. 職責：通過NodeJS成為全棧工程師 時期：多端應用時期（小程序，多智能終端）

隨著移動互聯網的興起，我們的應用已經不僅僅停留在PC，而是蔓延到了智能手機，平板電腦，電紙書等多類型的電子媒介上，如何滿足復雜功能的開發，多終端統一接口的調用和組裝，都對前端工作者的工作提出了新的挑戰。Node作為JS便攜的唯一前后端都可以涉足的技術，讓前端工程師的工作逐漸可以涉足更多服務端工具，引入了更多持續集成等軟件工程的標準流程，通過類似中間層的構建，有一定業務規模的技術團隊，逐步在像大中臺，小前臺的方向發展。

4.未來可期

如今，借助5G，云計算/服務的硬件發展，前端技術勢必還會承載更多有趣和復雜的工作，小程序，跨端開發，云服務器部署，前端工程化，Serverless，WebAssembly等等，前端的工作隨著時代的變遷依然在不斷變革，同時也承載了更多的職責，希望前端工程師可以為大家帶來更多優質和革命性的新應用～興許如同賽博朋克時代的幻想一樣，那些無處不在的人機交互界面和場景，都是前端工程師工作的努力方向。

圖片Credit By CyberPunk 2077

從2010年1月底開始接觸前端，干到現在快8年前端了。跟你分享下我的經驗。

要說快的話肯定是使用一鍵建站、或者某些CMS提供的拖拽功能來做頁面。但是一鍵建站是外部產品，而支持拖拽功能的CMS報價不菲，印象中是幾萬起步。或者有些網絡公司結合自身系統開發出的快速專題功能。但是這些不太適合小公司使用。

在零存貨的情況下，肯定是技術、經驗越豐富，前端頁面做的越快。比如我開足馬力的情況下做完好幾個頁面，新同事可能一個頁面都沒做完，而且我做的比他還漂亮。一個效果圖掃幾眼，心里大概就有譜了。

但是批量操作的話，我覺得快的應該是直接用現成模板。需要什么模塊，直接從舊模板上copy過來就完事了，最多改改細節。根據我多年的經驗，一個公司里面，需要開發的頁面很多都是可以復用的。

不管效果圖多復雜，其實拆開了無非就那些個小模塊。可以在日常工作中將每一小塊整理出來以備到時候復制黏貼。

比如一些模塊是一行行的標題，有些是標題加圖片，有些是圖片加介紹，有登錄模塊，有查詢功能等等，經常用到的其實也就幾十種小塊而已，可能多的話上百種。拖拖拽拽就生成頁面的功能也是以此為基礎來做的。

有同學說用框架可能會更快。我認為這是片面的。我承認用框架絕對會快，我有些項目也是用框架做的，但是前提是你得懂框架。而學現在互聯網上的框架的時間成本絕對不低。你要是有基礎還好，沒基礎的話，光看說明文檔得煩死你。

不管用dw還是sublime還是其他種種軟件，都只是軟件而已，最終看的全是后面的人。

給我個文本文檔我都能寫出來前端頁面。

關于通用的CSS，我有話要說。

我在2012年左右的時候曾做過整站通用的CSS，后面發現坑了。原因如下：

我當年放的是一些通用樣式（我以為的通用樣式），包括頁面頭尾、各種fix等，后來發現頁面由于那時候的水平不高，代碼寫的并不好。而且因為數次改版，那個CSS變得很臃腫。但是由于用了很久，即使有注釋有些地方我也忘了到底是干什么用的……而且這個css覆蓋網站百萬以上網頁，我也怕改錯了造成不可彌補的錯誤。（感謝網站領導給我的試錯機會）

所以在某一個時間點之后，我慢慢拋棄了這種總的css。但是我現在也在做內部使用的小框架，準備再次將CSS搞成一個文件供公司通用，相信現在做的這個CSS應該會幾年前做的那個好一些了。經過培訓，在我這個框架基礎上，公司內部的前端頁面開發速度應該會有所提升。因為現在我們公司的前端基本都在公司呆了2年以上了。而我做的這個框架會盡可能貼近大家日常工作涉及到的工作，所以比較接地氣，比學那些網站巨型框架要容易入手的多。

個人淺見，不吝賜教。同時歡迎關注我的頭條號，我會不定時更新一些前端方面的東東。

Web前端開發，是近五年才真正開始受到重視的一個新興職業。Web前端開發技術是一個先易后難的過程，主要包括三個要素：HTML、CSS和Java，這就要求前端開發工程師不僅要掌握基本的Web前端開發技術，網站性能優化、SEO和服務器端的基礎知識，而且要學會運用各種工具進行輔助開發以及理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等。 可以看出，web前端入門是比較容易的，但是要想學好，發展的好，是需要付出很大的努力的。可以說web前端好學，但是要學好，要成為高級web前端開發工程師，并不是一件容易的事。因此很多想進入web前端的人員，都會在自學的基礎上通過專業的培訓來進行自我提升。

自學可以學習PS，CSS等等比較簡單的技術，但是其他的涉及到編程代碼的技術，最好還是要經過系統培訓，本人在優就業入門web前端的。