前後端分離後的時代，開端開發工程師能做哪些項目？技术頭條網

前端做什麼？

在傳統的像ASP，JSP和PHP等開發模式中，前端是處在一個混沌的狀態中，可以說是沒有獨立的“人格”可言。前端負責切圖和編寫靜態頁面模板，後端將數據渲染到前端提供的頁面模板中，最後將頁面渲染到瀏覽器展示。這個過程中，前端只提供頁面模板或者寫一些JavaScript腳本，有的甚至JS腳本都是後端來寫，前端的作用只侷限於切圖和樣式模板文件，這種角色就是傳說中的“切圖仔”。這也是為什麼行業內都覺得前端是一個很簡單的工作，只要花個一週，學下HTML、CSS和PS的簡單技巧就可以勝任的工作

NPM 熱門前端庫下載

前後端分離，讓軟件開發的流程更加清晰，解決了開發階段的痛點。從前，前端不止要學習後端的模板渲染語法，還要配置後端的開發環境，並不斷同步後端的代碼，這對於前端來說是非常痛苦的。而現在，前端有自己的服務器，不需要再依靠後端服務器來支持項目運行，如果在開發階段，還可以使用mock數據（要先和後端確定接口數據結構），擺脫對後端接口的依賴，這樣極大的提高了開發效率，系統分工也更加明確。

使用前端技術，能做哪些事？下面和千鋒廣州前端小編一起來看看吧！

01、網站

網站是前端最基本的形態了，最基本的是PC端網站、移動端網站。可以在瀏覽器上打開，也可以在微信或各種APP內打開（這也是一直APP內webview打開的方式）

02、H5遊戲

H5遊戲已經見怪不怪了，當年微信退出打飛機遊戲的時候，推動了H5遊戲的大發展。它無需安裝，通過手機瀏覽器即可訪問，最大的特點就是：輕量、簡單。H5遊戲的開發採用HTML5的canvas製作，或者也可以使用webgl來做3D的H5遊戲。

03、移動APP

原生的移動APP，是用Native的開發語言做的，比如要開發IOS APP，你可以用Object-c，swift等，要開發Android APP，你可以用JAVA或Kotlin等。我們這裡說的移動APP，是指使用前端技術來做的。前幾年，比較火的Hybird APP框架是ionic，也有國內開發者做的mui和HTML5+框架，這些框架的技術是將HTML、CSS和JavaScript打包成一個文件，將文件放到webview中訪問，最後再在外層套上原生應用的殼，生成IOS和Android的安裝文件。這種APP可以做很多簡單的APP，不適合交互比較複雜的APP，因為webview的性能還是存在一定的問題，在Android設備上的卡頓變現比較明顯。

這兩年，以React為語法基礎的React Native和以Vue為語法基礎的Weex框架，成為新一代使用前端技術開發移動APP的框架，它們拋棄webview使用新的渲染機制，極大的提升了APP的性能和體驗。目前這兩者都處在完善階段，在未來很被看好。

04、桌面應用

以Nodejs和Chromium為基礎的框架Electron，使得使用HTML、CSS、JavaScript開發跨操作系統的桌面應用成為可能，應用可以運行在windows、maxOS和linux系統上。

05、Chrome APP

Chrome瀏覽器上運行的插件，是運行在Chrome上的HTML應用，完全使用前端技術開發製作。2010年Google推出了基於Chrome開發的PC端操作系統Chrome OS，特點就是速度快，設計簡潔等，相對應的市場上也推出了很多基於Chrome OS的筆記本電腦，廠商有三星和戴爾等。

2017年1月，微信推出小程序，曾一度引爆前端行業。小程序按照前端技術來設計開發，也做好了系統的兼容和不同設備的適配的設計，開發者只需要專注於實現業務代碼即可。所以，只要熟悉前端技術就可以很快的做出一個小程序。

07、Web VR、Web AR

這兩年，新興並大火的技術是人工智能和機器學習，緊接著的應該就是VR、AR了吧，去年年底QQ和支付寶都在AR和VR方面做出嘗試，在搶紅包上進行實踐。前端技術webgl，可以在瀏覽器上很好的實現3D場景，Three.js是這方便很好的JavaScript框架。Chrome瀏覽器已經兼容Web VR，配合Daydream View，可以瀏覽Web VR頁面。