前端和大前端有什么區(qū)別？

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

1、會(huì)前端技術(shù)，如 Java、css、H5、微信小程序、Vue等。

這些就是大家平時(shí)說的“小前端”，能完成基本任務(wù)開發(fā)，會(huì)溝通，懂抽象設(shè)計(jì)、有獨(dú)立思考能力，這類同學(xué)也是出類拔萃。不過，仍然屬于技能較單一的同學(xué)，如果想進(jìn)一步提升還需要橫向擴(kuò)展。

2、會(huì) node、Java等，懂?dāng)?shù)據(jù)庫、熟練操作 Nginx等。

這些同學(xué)知識(shí)面比較寬泛，基本上都是公司內(nèi)的核心骨干，能處理前端也能解決服務(wù)端問題，當(dāng)然，這類同學(xué)拿到的薪資也是著實(shí)令人羨慕嫉妒恨的。

3、會(huì) OpenGl、WebGl、cocos2dx、canvas等。

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

4、會(huì) canvas、d3、echart等

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

5、會(huì) nginx、ffmpeg、video.js、flv.js等。

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

說了這么多，想吐槽的同學(xué)可以先忍忍，因?yàn)榍岸斯こ處熣娴牟荒苤惶焯炜繉戫撁孢^日子，“小前端”在未來的技術(shù)革命里競爭力會(huì)越來越小。“未雨綢繆”總是難能可貴，當(dāng)然，我也是前端路上的“奮斗小青年”，不懂的東西也一大堆，但是我一直在摸索，尋找大前端里的另一條路。

結(jié)合我自己的情況，發(fā)現(xiàn)視頻是比較好進(jìn)入而又貼近自己業(yè)務(wù)的橫向擴(kuò)展點(diǎn)，所以選擇了發(fā)展在視頻領(lǐng)域的潛力。

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

深入研究video

video這個(gè)DOM標(biāo)簽是瀏覽器能播放視頻的基石，也是可以拋棄flash的主要原因，這個(gè)標(biāo)簽不同于其他標(biāo)簽，有大量的屬性、方法、事件，要深入的學(xué)習(xí)并和視頻知識(shí)關(guān)聯(lián)起來才能更好的玩轉(zhuǎn)視頻播放。

研究直播協(xié)議

如果說點(diǎn)播可以拿來就播，直播就沒這么容易了，首先播放地址不是“靜態(tài)”的，播放地址怎么更新，不同業(yè)務(wù)場景怎么選型用什么直播協(xié)議，如果我們深諳其中原委就可以達(dá)到專家的境界。

直播流的制作

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

H5播放器的選型

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