前端工程師眼裡的大前端

來自專欄 猿論

作為前端工程師，如果還停留在會jQuery、Vue、React、Angular，那就有點 out 了，現在都流行跨界，比如《我是歌手》、《跨界喜劇王》。在前端圈裡也流行跨界，只是叫法不同：大前端。沒錯，就是大前端，自行查看知乎上的大前端熱門話題。

如果懶的看那麼長的評論和話題，我就幫大家簡單總結總結「大前端」的含義。

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

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

1. 會 node、Java等，懂資料庫、熟練操作 Nginx等。

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

1. 會 OpenGl、WebGl、cocos2dx、canvas等。

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

1. 會 canvas、d3、echart等

這類同學基本是在平面圖像或者可視化領域摸爬滾打的人，比如Web地圖、大數據可視化。

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

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

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

結合我自己的情況，發現視頻是比較好進入而又貼近自己業務的橫向擴展點，所以選擇了發展在視頻領域的潛力。平時大家大多數在操作視頻播放也就是專業術語：點播。優酷、愛奇藝、騰訊視頻等老牌視頻公司都是以點播為主;鬥魚、虎牙、花椒、全民直播、bilibili等以直播為主，視頻行業的火爆更加引發了直播技術的普及，flash播放器都在遭受瀏覽器的拋棄，H5播放器已經登上瀏覽器舞台，微信小程序也提供了直播功能。在這個背景下開始了我的視頻學習之旅。

1. 深入研究video

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

1. 研究直播協議

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

1. 直播流的製作

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

1. H5播放器的選型

其實開源的視頻播放器不少，如何選擇也是一個值得思考的問題，我通常這樣選擇：是不是好上手、功能是不是完整、兼容性怎麼樣、二次開發是不是容易。了解這些基本就可以定位播放器是不是適合自己的業務。

1. 小程序直播

現在很多業務除了web還增加了小程序，對於直播而言小程序依託微信強大的用戶基礎和易於分享的特點甚是流行，所以學會微信小程序的直播技術也是非常必要。

說起來容易做起來難，在學習的過程中遇到N多的困難，只能一個一個摸索著解決，為了讓自己早點跨進大前端行列，付出還是值得的。歡迎大家一起學習討論……

作者： 快樂動起來呀

鏈接：https://www.imooc.com/article/27710

來源：慕課網

推薦閱讀：

打造個人品牌 so easy ！_慕課手記

配置MySQL開啟遠程連接的方法

前端掃盲-之打造一個Node命令行工具

前端面試「潛規則」【校招版】

4 年前端狗，2 年 CTO