前端和大前端有什么區別？

我就幫大家簡單總結總結“大前端”的含義。

1、會前端技術，如 Java、css、H5、微信小程序、Vue等。

這些就是大家平時說的“小前端”，能完成基本任務開發，會溝通，懂抽象設計、有獨立思考能力，這類同學也是出類拔萃。不過，仍然屬于技能較單一的同學，如果想進一步提升還需要橫向擴展。

2、會 node、Java等，懂數據庫、熟練操作 Nginx等。

這些同學知識面比較寬泛，基本上都是公司內的核心骨干，能處理前端也能解決服務端問題，當然，這類同學拿到的薪資也是著實令人羨慕嫉妒恨的。

3、會 OpenGl、WebGl、cocos2dx、canvas等。

這類同學對前端知識其實了解的不是特別多，但是對游戲可謂是精通。對于游戲從業者對物理引擎、數據算法等研究頗有造詣，也算是大的前端的一個典型。

4、會 canvas、d3、echart等

這類同學基本是在平面圖像或者可視化領域摸爬滾打的人，比如Web地圖、大數據可視化。不過這方面有造詣的同學不多，一方面是市場缺口不大，一方面是培養這方面的人才太難。

5、會 nginx、ffmpeg、video.js、flv.js等。

這類同學是經常操作視頻的，對視頻點播和直播都是爛熟于心。未來的技術方向無非是視頻和游戲，游戲就不用說了吧，手游替代頁游，再加上VR前景不可限量。對于視頻大家直接能看到的莫過于VR、全景視頻，還在研究中的就是4k視頻、交互視頻。

說了這么多，想吐槽的同學可以先忍忍，因為前端工程師真的不能只天天靠寫頁面過日子，“小前端”在未來的技術革命里競爭力會越來越小。“未雨綢繆”總是難能可貴，當然，我也是前端路上的“奮斗小青年”，不懂的東西也一大堆，但是我一直在摸索，尋找大前端里的另一條路。

結合我自己的情況，發現視頻是比較好進入而又貼近自己業務的橫向擴展點，所以選擇了發展在視頻領域的潛力。

平時大家大多數在操作視頻播放也就是專業術語：點播。優酷、愛奇藝、騰訊視頻等老牌視頻公司都是以點播為主；斗魚、虎牙、花椒、全民直播、bilibili等以直播為主，視頻行業的火爆更加引發了直播技術的普及，flash播放器都在遭受瀏覽器的拋棄，H5播放器已經登上瀏覽器舞臺，微信小程序也提供了直播功能。在這個背景下開始了我的視頻學習之旅。

深入研究video

video這個DOM標簽是瀏覽器能播放視頻的基石，也是可以拋棄flash的主要原因，這個標簽不同于其他標簽，有大量的屬性、方法、事件，要深入的學習并和視頻知識關聯起來才能更好的玩轉視頻播放。

研究直播協議

如果說點播可以拿來就播，直播就沒這么容易了，首先播放地址不是“靜態”的，播放地址怎么更新，不同業務場景怎么選型用什么直播協議，如果我們深諳其中原委就可以達到專家的境界。

直播流的制作

對于前端同學來說，開發直播最大的瓶頸在于直播流的制作，對于點播不存在這個問題，隨便找個視頻就可以播放，對于直播要求流是實時的，這個能難倒一片同學。通過深入對nginx+ffmpeg的學習，發現利用這兩個工具就可以做到直播流的制作，從此不再依賴后端的同學去各種配置等待。

H5播放器的選型

其實開源的視頻播放器不少，如何選擇也是一個值得思考的問題，我通常這樣選擇：是不是好上手、功能是不是完整、兼容性怎么樣、二次開發是不是容易。