前端新人關注的Web前端飽和性分析?前端面試必知必會的十點!
現在前端市場是不是已經飽和了?巴巴巴巴巴......
還有:XXX行業是否已經飽和?
angular1.5是不是已經被淘汰?
前端還有前途嗎?
bootstrap為什麼被稱為垃圾框架?等等等
不是博主不友好,只想說一句:飽和的不是市場,飽和的是那曾經不知天高地厚的心。
另一方面,眾所周知,語言都是相通的。而前端更是廣泛應用的典範,來來來這位小同學,前端早已不再是淺層的靜態頁面了,大前端時代的到來,帶了個無數的就業與發展機會。以下聽我細細說來~
大前端時代關係組網圖
偶然聽學弟說,他現在找工作,應屆畢業生很難找到了工作,感覺機會渺茫,公司基本只招3到5年工作經驗的,新手並不是那麼缺!感覺會h5,css3,js,jQuery已經很難找到工作了。
在這裡我還是要推薦下我自己建的web前端開發學習群:1075888909,群裡都是學web前端開發的,如果你正在學習前端 ,小編歡迎你加入,今天分享的這個案例已經上傳到群檔案,大家都是軟體開發黨,不定期分享乾貨(只有前端軟體開發相關的),包括我自己整理的一份2018最新的前端進階資料和高階開發教程,歡迎進階中和進想深入前端的小夥伴。
注意,這是事實,但不是全部意義上的事實。
前端開發門檻確實不高,高工資舒適的工作環境造成全民學前端繁榮景象。其次,前端入門真的不是那麼難,找到工作工資還比同齡人高出一大截,何樂而不為呢?!不需要多紮實的基本功,買幾本書,訂閱幾個視訊教程,下載個編輯器,邊學邊碼,基本上已經達到了初級開發的程度了。是的就這麼容易呀… 那這樣就真的能找到工作嗎?能的,去北京,去深圳,多如牛毛的創業小公司需要你,你去了,可能就是唯一的前端工程師,抄起大jq開幹吧!運氣好的話,提前掃點面試題月薪5000起步,輕輕鬆鬆。
那麼,這種水平的前端開發已經快飽和了,不掌握點框架就很難有競爭力了。
由於菜雞水平開發者的假如,導致前端市場早早的供大於求了。那咋辦,大前端時代的框架學習成了必須。並且應該沉下心去學,我當時就找的部落格上認識的老哥,我工作之餘總結We彗***Chat ***星星 : jianghuyapi 裡面一堆免費教學視訊,埋頭學了幾個月就找家小公司練手了。新手很多時候往往最蛋疼的是找工作的面試,那麼前端新手面試應該注意哪些呢??
掃碼檢視入門1000+前端面試題
前端面試必知必會的十點:
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 主宰的領域。
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。
其實像更多這樣的面試題還要很多, 呆鵝platform編號:EnjoyTheCode,每日新鮮血液補充給大家~那裡幾乎都可以免費獲取各種視訊資源,並且每天分享各種前端知識,工作中遇到的問題,希望大家能夠一起進步!共爭高薪!
力爭每日一更,歡迎關注微信公眾號:信宜錢排,每天分享乾貨!