學Web前端，可選擇的高薪發展方向有哪些？

近幾年前端領域不斷地涌現出新的技術，舊的技術也不斷地進行更新換代。隨着技術的不斷進步，前端開發涉及的領域，也變得愈來愈廣，接下來跟web前端的小編一塊兒來了解一下前端幾個重要的領域吧。

PC

PC (Personal Computer) 即我的電腦。目前電腦端還是前端一個主要的領域，主要分爲面向大衆的各種網站，如新聞媒體、社交、電商、論壇等和麪向管理員的各類 CMS (內容管理系統)和其它的後臺管理系統。

在這裏小編建了一個前端學習交流扣扣羣：132667127，我本身整理的最新的前端資料和高級開發教程，若是有想須要的，能夠加羣一塊兒學習交流

其實早期並無 "前端工程師" 的稱號，那時候通常叫作 "網頁設計師" 或 "美工"。記得最先接觸到的網頁設計軟件是微軟開發的 "Frontpage"，後面才接觸到 "網頁三劍客" (Dreamweaver、Fireworks、Flash) 中的 Dreamweaver，直到如今的各類 IDE (集成開發環境)，如 Sublime Text、WebStorm、Visual Studio Code 、Atom 等。

對於前端工程師來講，開發 PC 端項目，最痛苦的事情莫過於解決瀏覽器兼容性問題，特別是 IE 瀏覽器不一樣版本的問題。值得高興的是，針對現代瀏覽器不一樣特性的兼容問題，能夠藉助構建工具的插件來實現自動添加不一樣瀏覽器的特性前綴，好比 Post CSS 的 Autoprefixer 插件。

接下來咱們來看一下，PC 端第一個網頁長啥樣：

Web App

Web App 是指使用 Web 開發技術，實現的有較好用戶體驗的Web 應用程序。它是運行在手機和桌面端瀏覽中，隨着移動端網絡速度的提高，Web App 爲咱們提供了很大的便利。此外近兩年 Google 提出了一種新的 Web App 形態，即 PWA(漸進加強 Web APP) 。

PWA 意圖讓 Web 在保留其本質（開放平臺、易於訪問、可索引）的同時， 在離線、交互、通知等方面達到相似 App 的用戶體驗。PWA 其具體技術包括 Service worker、 Web App Manifest、 Cache API、 Fetch API、 Push API、 Web Push Protocol、 Notification 等等。

Web App 的主要優勢：

• 開發成本低
• 內容更新快
• 升級無需通知用戶，自動升級
• 可以跨多個平臺和終端

Web App 的主要缺點：

• 用戶體驗短時間內還沒法超越原生應用
• 離線工做的能力較弱
• 消息推送不夠及時
• 沒法獲取系統級別的通知，提醒，動效等等

WeChat

WeChat (微信)這個平臺，擁有大量的用戶羣體，所以它也是咱們前端開發另外一個重要的領域。微信的公衆號與訂閱號爲市場營銷和自媒體從業者，打造了一個新的天地。咱們以微信公衆號爲例，來分析一下微信公衆號的主要做用：

• 信息推送
• 用戶服務
• 用戶互動

此外除了公衆號與訂閱號外，微信又推出了微信小程序。微信小程序是一種全新的鏈接用戶與服務的方式，它能夠在微信內被便捷地獲取和傳播，同時具備出色的使用體驗。

微信小程序的主要優點：

• 不用安裝，即開即用
• 相比於 App 開發來講，小程序開發成本更低
• UI 和操做流程比較統一，下降用戶的使用難度
• 基於微信平臺，推廣更容易、更簡單

Hybrid App

Hybrid App (混合應用)是指介於 Web App、原生 App (主要是 Android 或 iOS )之間的 App，它兼具原生 App 良好用戶交互體驗的優點和 Web App 跨平臺開發的優點。

混合應用功能按網頁語言與程序語言的混合，一般分爲三種類型：多View混合型，單View混合型，Web主體型。最先的混合應用開發技術，是基於 Phonegap/Cordova 技術。Cordova 爲開發者提供了一組設備相關的 API，經過這組 API，移動應用可以以 JavaScript 訪問原生的設備功能，如攝像頭、麥克風等。

目前主流的混合應用開發框架有：React Native、Onsen UI、Ionic、Framework 七、Native Script 和 Weex 等。這裏就不詳細展開，對各個框架進行詳細對比和分析，有興趣的讀者能夠自行查閱一下相關資料。接下來咱們來了解一下混合應用的優缺點。

混合應用的主要優勢：

• 開發成本低
• 節省跨平臺的時間和成本
• 能夠訪問硬件設備的功能
• 能夠打包成 App，發佈到 App Store 或各大安卓應用平臺

混合應用的主要缺點：

• 用戶體驗不如原生 App
• 應用性能也不如原生 App
• 技術還未成熟

Game

HTML5 遊戲從 2014 年 Egret 引擎開發的神經貓引爆朋友圈以後，就開始一發不可收拾。不過如今遊戲開發變得愈來愈複雜，須要製做各類炫麗炫麗的效果，還要製做各炫麗於 2D 或者 3D 的場景。爲了下降遊戲的開發難度，加快遊戲的開發進度，國內外不一樣廠商推出了衆多遊戲開發引擎。

HTML 5 主要的開源遊戲引擎：

• phaser
• pixi.js
• Babylon.js
• whs.js
• egret
• cocos2d-html5

Desktop

桌面應用軟件，就是咱們平常生活中電腦中安裝的各種軟件。早期要開發桌面應用程序，就須要有專門的語言 UI (界面) 庫支持，如 C++ 中的 Qt 庫、MFC 庫，Java 的 Swing、Python 的 PyQT 等，不然語言是沒辦法進行快速界面開發。

隨着 Web 技術的不斷髮展，目前藉助 NW.js、Electron 等開發框架，前端也能夠開發桌面應用了。其中口碑不錯的開源 IDE - Visual Studio Code 就是使用 Electron 開發的。使用 Web 技術，主要的優點是它的跨平臺能力和開發效率。但也有它對應的缺點，就是運行效率不如使用專門語言開發的桌面應用。

Server

Node.js 一發布，馬上在前端工程師中引發了軒然大波，前端工程師們幾乎馬上對這一項技術表露出了至關大的熱情和期待。看到 Node.js 這個名字，初學者可能會誤覺得這是一個 Javascript 應用，事實上，Node.js 採用 C++ 語言編寫而成，是一個 Javascript 的運行環境。

Node.js 讓 JavaScript 可以運行在服務端，這個想法簡直太棒了。這使得前端開發人員不用再去學服務端開發語言，如 PHP、Java、Ruby 和 C# 等，也能夠進入服務端的開發領域。固然學習的過程可能對於大多數純前端開發人員來講，會比較痛苦和漫長。

Node.js 主要的 Web 開發框架：

• Express
• Koa
• Egg
• Nodal
• Sails
• Loopback

固然前端涉及的領域，還不止這些。較新的領域還有，數據可視化、IOT (物聯網)、機器學習等。