学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 (物联网)、机器学习等。