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