現在前端市場是不是已經飽和了？巴巴巴巴巴...... 還有：XXX行業是否已經飽和？ angular1.5是不是已經被淘汰？ 前端還有前途嗎？ bootstrap為什麼被稱為垃圾框架？等等等 不是博主不友好，只想說一句：飽和的不是市場，飽和的是那曾經不知天高地厚的心。 另一方面，眾所周知，語言都是相 ...
還有：XXX行業是否已經飽和？
angular1.5是不是已經被淘汰？
前端還有前途嗎？
bootstrap為什麼被稱為垃圾框架？等等等
不是博主不友好，只想說一句：飽和的不是市場，飽和的是那曾經不知天高地厚的心。
另一方面，眾所周知，語言都是相通的。而前端更是廣泛應用的典範，來來來這位小同學，前端早已不再是淺層的靜態頁面了，大前端時代的到來，帶了個無數的就業與發展機會。以下聽我細細說來~
大前端時代關係組網圖
偶然聽學弟說，他現在找工作，應屆畢業生很難找到了工作，感覺機會渺茫，公司基本只招3到5年工作經驗的，新手並不是那麼缺！感覺會h5，css3，js，jQuery已經很難找到工作了。
在這裡我還是要推薦下我自己建的web前端開發學習群：731669587，群里都是學web前端開發的，如果你正在學習前端 ，小編歡迎你加入，今天分享的這個案例已經上傳到群文件，大家都是軟體開發黨，不定期分享乾貨（只有前端軟體開發相關的），包括我自己整理的一份2018最新的前端進階資料和高級開發教程，歡迎進階中和進想深入前端的小伙伴。
註意，這是事實，但不是全部意義上的事實。
前端開發門檻確實不高，高工資舒適的工作環境造成全民學前端繁榮景象。其次，前端入門真的不是那麼難，找到工作工資還比同齡人高出一大截，何樂而不為呢？！不需要多扎實的基本功，買幾本書，訂閱幾個視頻教程，下載個編輯器，邊學邊碼，基本上已經達到了初級開發的程度了。是的就這麼容易呀… 那這樣就真的能找到工作嗎？能的，去北京，去深圳，多如牛毛的創業小公司需要你，你去了，可能就是唯一的前端工程師，抄起大jq開乾吧！運氣好的話，提前掃點面試題月薪5000起步，輕輕鬆松。
那麼，這種水平的前端開發已經快飽和了，不掌握點框架就很難有競爭力了。
由於菜雞水平開發者的假如，導致前端市場早早的供大於求了。那咋辦，大前端時代的框架學習成了必須。並且應該沉下心去學，我當時就找的博客上認識的老哥，我工作之餘總結We彗*Chat *星星 : jianghuyapi 裡面一堆免費教學視頻，埋頭學了幾個月就找家小公司練手了。新手很多時候往往最蛋疼的是找工作的面試，那麼前端新手面試應該註意哪些呢？？
面試風雲3.0
前端面試必知必會的十點：
1、常見的瀏覽器內核有哪些？
IE瀏覽器的內核：Trident、
Mozilla的Gecko、
Chrome的Blink（WebKit的分支）、
Opera內核原為Presto，現為Blink
2、行內元素有哪些?塊級元素有哪些?CSS的盒模型?
塊級元素：div p h1 h2 h3 h4 form ul
行內元素: a b br i span input select
Css盒模型:內容，border ,margin，padding
3、簡述一下你對HTML語義化的理解？
HTML語義化是指根據內容的結構化（內容語義化），選擇合適的標簽（代碼語義化）便於開發者閱讀和寫出更優雅的代碼的同時讓瀏覽器的爬蟲和機器很好地解析。
HTML語義化的主要目的是：
1).為了在沒有css的情況下，頁面也能呈現出很好地內容結構、代碼結構
2).有利於用戶體驗
3).有利於SEO和搜索引擎建立良好的溝通。
4).方便其他設備解析以意義的方式來渲染網頁、
5).便於團隊開發和維護，增加可讀性。
4、前端頁面有哪三層構成，分別是什麼？作用是什麼？
最準確的網頁設計思路是把網頁分成三個層次，即：結構層、表示層、行為層。
網頁的結構層（structural layer）由 HTML 或 XHTML 之類的標記語言負責創建。標簽，也就是那些出現在尖括弧里的單詞，對網頁內容的語義含義做出了描述，但這些標簽不包含任何關於如何顯示有關內容的信息。例如，P 標簽表達了這樣一種語義：“這是一個文本段。”
網頁的表示層（presentation layer）由 CSS 負責創建。 CSS 對“如何顯示有關內容”的問題做出了回答。
網頁的行為層（behavior layer）負責回答“內容應該如何對事件做出反應”這一問題。這是 Javascript 語言和 DOM 主宰的領域。
“大清亡於閉關鎖國，學習技術需要交流和資料”。 在這裡我給大家準備了很多的學習資料免費獲取,包括但不限於技術乾貨、大廠面試題系列、技術動向、職業生涯等一切有關程式員的分享.
web前端小白進階方法筆記,學習資料,面試題和視頻,項目源碼免費領取，通過努力追到自己的女神，走向人生巔峰
5、HTML5有哪些新特性、移除了那些元素？如何處理HTML5新標簽的瀏覽器相容問題？如何區分 HTML 和HTML5？
HTML5 現在已經不是 SGML 的子集，主要是關於圖像，位置，存儲，多任務等功能的增加。
繪畫 canvas
用於媒介回放的 video 和 audio 元素
本地離線存儲 localStorage 長期存儲數據，瀏覽器關閉後數據不丟失；
sessionStorage 的數據在瀏覽器關閉後自動刪除
語意化更好的內容元素，比如 article、footer、header、nav、section
表單控制項，calendar、date、time、email、url、search
新的技術webworker, websockt, Geolocation
移除的元素
純表現的元素：basefont，big，center，font, s，strike，tt，u；
對可用性產生負面影響的元素：frame，frameset，noframes；
支持HTML5新標簽：
IE8/IE7/IE6支持通過document.createElement方法產生的標簽，
可以利用這一特性讓這些瀏覽器支持HTML5新標簽，
瀏覽器支持新標簽後，還需要添加標簽預設的樣式。
6、請描述一下 cookies，sessionStorage 和 localStorage 的區別？
cookie在瀏覽器和伺服器間來回傳遞。 sessionStorage和localStorage不會
sessionStorage和localStorage的存儲空間更大；
sessionStorage和localStorage有更多豐富易用的介面；
sessionStorage和localStorage各自獨立的存儲空間。
7、CSS引入的方式有哪些? link和@import的區別是?
內聯 內嵌 外鏈 導入
區別 ：同時載入
前者無相容性，後者CSS2.1以下瀏覽器不支持
Link 支持使用javascript改變樣式，後者不可
8、CSS清除浮動的幾種方法（至少兩種）
使用帶clear屬性的空元素
使用CSS的overflow屬性；
使用CSS的:after偽元素；
使用鄰接元素處理。
9、談一談JavaScript作用域鏈
當執行一段JavaScript代碼（全局代碼或函數）時，JavaScript引擎會創建為其創建一個作用域又稱為執行上下文（Execution Context），在頁面載入後會首先創建一個全局的作用域，然後每執行一個函數，會建立一個對應的作用域，從而形成了一條作用域鏈。每個作用域都有一條對應的作用域鏈，鏈頭是全局作用域，鏈尾是當前函數作用域。
作用域鏈的作用是用於解析標識符，當函數被創建時（不是執行），會將this、arguments、命名參數和該函數中的所有局部變數添加到該當前作用域中，當JavaScript需要查找變數X的時候（這個過程稱為變數解析），它首先會從作用域鏈中的鏈尾也就是當前作用域進行查找是否有X屬性，如果沒有找到就順著作用域鏈繼續查找，直到查找到鏈頭，也就是全局作用域鏈，仍未找到該變數的話，就認為這段代碼的作用域鏈上不存在x變數，並拋出一個引用錯誤（ReferenceError）的異常。
10、如何理解JavaScript原型鏈
JavaScript中的每個對象都有一個prototype屬性，我們稱之為原型，而原型的值也是一個對象，因此它也有自己的原型，這樣就串聯起來了一條原型鏈，原型鏈的鏈頭是object,它的prototype比較特殊，值為null。
原型鏈的作用是用於對象繼承，函數A的原型屬性(prototype property)是一個對象，當這個函數被用作構造函數來創建實例時，該函數的原型屬性將被作為原型賦值給所有對象實例，比如我們新建一個數組，數組的方法便從數組的原型上繼承而來。
當訪問對象的一個屬性時, 首先查找對象本身, 找到則返回; 若未找到, 則繼續查找其原型對象的屬性(如果還找不到實際上還會沿著原型鏈向上查找, 直至到根). 只要沒有被覆蓋的話, 對象原型的屬性就能在所有的實例中找到，若整個原型鏈未找到則返回undefined。
