用戶2717790427918
我就幫大家簡單總結總結“大前端”的含義。
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播放器的選型
其實開源的視頻播放器不少，如何選擇也是一個值得思考的問題，我通常這樣選擇：是不是好上手、功能是不是完整、兼容性怎麼樣、二次開發是不是容易。
jujuliker
主要是學習筆記的內容！希望有幫助。
小前端
小前端就是 Web 前端。對於就業來說，前端常稱“web”；後端常稱“開發”或“數據”。
前端，也就是用戶操作互動界面：負責用戶界面、展示數據和獲取用戶輸入，包括：
Web頁面的結構；
Web的外觀視覺表現；
Web層面的交互實現。
前端分工：
網頁設計師：對網頁的架構、色彩以及網站的整體頁面代碼負責；
網頁美工：只針對UI這塊的東西，比如網站是否做的漂亮；
web前端開發工程師：是負責交互設計的，需要和後端開發程序員(包括數據分析和人工智能算法)配合。
WEB工作原理
瀏覽器 => 服務器：發送請求，一般用於索取相關數據，或者提交相關請求。
服務器 => 瀏覽器：響應請求，服務器接收到請求，解析處理，然後返回相關數據。
頁面組成：HTML、CSS、JS
HTML簡介
說明：HTML是HyperText Markup Language的縮寫，即超文本標記語言，所見即所得
最新版本：h5
後綴：.html
標籤：是HTML文件的基本組成部分
編輯工具：notepad++、hbuilder(支持國產)、...
測試工具：chrome、firefix 、…
CSS簡介
說明：CSS是Cascading Style Sheet的縮寫，即層疊樣式表
作用：HTML的標籤決定頁面中有什麼內容，CSS可以對頁面的內容進行修飾
為什麼使用？
通過標籤屬性可以設置樣式，但是頁面會比較臃腫，使用CSS可以將內容與顯示分開；
CSS提供了很多標籤屬性無法完成的效果；
CSS可以獨立成文件，多個頁面可以共享，節約帶寬，降低成本。
後綴：.css
JS簡介
說明：JS是JavaScript的縮寫，藉助Java的名氣進行推廣而已
定位：客戶端腳本，服務器端對應的腳本叫node.js
組成：語法、文檔對象模型(DOM)、瀏覽器對象模型(BOM)
jQuery簡介
jQuery是一個快速、簡潔的JavaScript框架。
jQuery設計的宗旨是“write Less，Do More”，寫更少的代碼，做更多的事情。
它封裝JavaScript常用的功能代碼，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。
WEB框架
常用框架有Vue和bootstrap。
bootstrap簡介
簡潔、直觀、強悍的前端開發框架，讓web開發更迅速、簡單。
是最受歡迎的 HTML、CSS 和 JS 框架，用於開發響應式佈局、移動設備優先的 WEB 項目。
Vue簡介
構建用戶界面的漸進式框架。
只關注視圖層， 採用自底向上增量開發的設計。
目標是通過儘可能簡單的 API 實現響應的數據綁定和組合的視圖組件。
大前端
大前端包括一切負責展示的端，包括：
Web 前端(PC)
-
移動[手機端（Android、iOS）+ 智能穿戴設備 + 車載系統]
VR
智能電視等等
大前端負責從瀏覽器端到web服務器端的所有開發，從後端工程師那邊調用數據api，包含：
客戶端業務邏輯（瀏覽器上的html，css，js）
服務器端業務邏輯（node.js），使js與算法結合，對接訪問數據中間層。
站在“前端開發”的角度：
① 對於“小系統”，有了 node.js 後，
大前端 = 全棧；
② 對於應對“各種端”應用，
大前端 = Web 前端 + 手機端（Android、iOS）+ 智能穿戴設備 + 車載系統 + VR+智能電視 + ……
全棧 = 啥都會又啥都不會；
③ 對於“小程序”等“微應用”，
大前端 = 小程序 + 快應用 + 其他。
總結：
前端是需要產品思維的 。
量力而行、通力合作不是更愉快、更和諧嗎？
都想著大，自己累死、別人失業，何必呢？
莫荒誤
為了適應互聯網的發展，互聯網技術也在不斷地更新，現在的前端相比於傳統的前端也有著一定的區別，很多人稱現在的前端開發技術為大前端。其實很多新手對於大前端還不是特別瞭解，這裡我們就來介紹一下大前端。
“大前端”其實也就是網友為了區別於傳統前端技術所創造出來的新詞，沒有權官方的解釋，我們可以理解為大前端就是在傳統技術的基礎上，還包含著更多的功能，對於橫向技能有著很強的運用能力。
現在的前端都需要有多重開發技能，隨著微信公眾號、小程序的火熱發展，這兩個領域成為了前端開發的必備技能，更多的還有配合著打包技術的混合應用開發技術、一些桌面APP、甚至有些人認為基於node.js的後臺開發都屬於大前端的範圍。
就如之前說到的，大前端沒有什麼準確的說明，所以這些提到的技術不是每一個技能都是必備的，但毫無疑問，擁有這些技術可讓開發擁有更多的機遇。
技術在互聯公司就是需要不斷的成長，剛開始的時候其實都一樣。一個前端程序員用的技能基本都是HTML+CSS+JavaScript+jQuuery，但是隨著工作的開展我們不得不接受新的項目，就比如說前端經常會協同後端一起開發，這時候需要用到一些Vue.js技術。
剛開始的時候可以寫出簡單的erp系統，慢慢的Vue.js基礎功能都可以實現。接觸到自己不擅長的工作是經常會發生的，經手了幾個項目之後的我們基本都能學會一項技能，不能說精通，正常運用還是可以的。
有的時候老闆還會要求前端去開發APP，很多前端聽到這樣的要求直接就崩潰了，但是互聯網行業就是這樣，甲方永遠不會提出合理的要求，我們只有去不斷的學習，學到手的都是自己的，困難總是有辦法解決的。
