Zi 字媒體

過去的一年裡，行業整體對前端需求還是 供大於求。不過大一點的互聯網公司對前端要求越來越高，而一些較為小型的創業公司對前端的要求相對低一點，要求已快速上手為主。過去的一年前端發展很迅速，會React的或者React Native的會比較吃香，而傳統的IE6兼容性幾乎不再考察了。下面簡單羅列一些知名企業的前端面試問題，希望有所幫助。（題目不分先後，不分題目已經是老生常談，也羅列出來了）百度篇1 寫出javascript運行結果：for(var i=0; i<10; i++){} alert(i);2 Cookie、sessionStorage、localStorage的區別3 JSONP原理4 簡述css盒模型5 說說get和post請求的區別6 運行結果var a = {n: 1} var b = a; a.x = a = {n: 2} console.log(a.x); console.log(b.x)7 說說類的創建、繼承和閉包。8 是否有設計過通用的組件？請設計一個 Dialog（彈出層） / Suggestion（自動完成） / Slider（圖片輪播） 等組件,你會提供什麼介面？調用過程是怎樣的？可能會遇到什麼細節問題？9 一個頁面從輸入 URL 到頁面載入完的過程中都發生了什麼事情？越詳細越好(考察知識廣度)10 什麼是 「use strict」? 使用它的好處和壞處是什麼？對於web前端的學習有不懂的，或者不知道學習路線，不知道學習方法，不知道該如何紮實能找到工作的朋友，我還是要推薦下我自己建的前端學習群：477149581，首先你要是前端黨，其次不管你是小白還是大牛，我都挺歡迎，小白嘛，主動點多問問題也就學好了，群里每天分享乾貨，包括我自己最近花了一星期整理的一份適合2017年自學的最新web前端資料，送給大家，歡迎初學和進階中的小夥伴。阿里巴巴篇1 創建一個1-100的數組，按順序遞增2 說說前端跨域的解決方式3 JavaScript實現繼承的常用方法有哪些？你推薦的是哪一種？4 在項目開發完成之後，根據雅虎性能優化規則，需要對html，JS，CSS，圖片需要做出怎樣的處理？是否可以藉助構建工具實現自動化？5 說說前端中的事件流？6 JS 中的原型鏈是什麼？7 有一個長度為100的數組，請以優雅的方式求出該數組的前10個元素之和8 了解過flex布局嗎？說說它和傳統布局的有何不同？9 移動端的圖片優化實踐方式有哪些？10 請編寫一個JavaScript函數 parseQueryString，它的用途是把URL參數解析為一個對象11 xss和csrf分別是什麼？12 說說前端如何解決非同步回調地獄？13 淘寶那裡的商品項，如圖片，滾動到了才載入，你知道怎麼實現么14 實現1px 像素線條15 你知道什麼是CSS reset么？騰訊篇1 說出前端link和import的區別2 讓你設計一個web站點，假如只有你一個人設計實現，前端後端都讓你一個人負責，具體你要怎麼做？3 你用原生的js多麼，原生js發送ajax請求一般要經過哪些步驟4 你能講講304緩存的原理嗎?5 你有經常使用CSS吧，水平垂直居中怎麼實現？6 Javascript是一種弱類型語言，它分別有什麼優點和缺點？7 在js里call與apply有什麼相同和不同？8 你用JS實現過一些基本的數據結構嗎？9 node.js用過么？主要用它來做些什麼美團前端1 說說 http緩存2 一個浮動的div後面又跟了一個div，在頁面上是怎麼布局的3 有了解ES6么？如何了解的？關於使用？4 常見的http狀態碼都有哪些？5 對react,vue，或者angular有過接觸么？他們之前的差異你能簡單說下？6 說說JS面向對象 原型鏈 繼承,並用簡單的代碼演示說明7 用得比較多的前端框架是哪些?有看過源碼么？有哪些看過源碼啊？8 ajax的readystate有5個狀態 ，每個狀態表示什麼？9 AMD與CMD360篇1 下面代碼的輸出值是：alert(1&&2)2 正則表達式匹配，開頭為11N, 12N或1NNN，後面是-7-8個數字的電話號碼3 寫出下面代碼的輸出值var obj = { a: 1, b: function {console.log(this.a)} };var a = 2; var objb = obj.b;obj.b; objb; obj.b.call(window);4 寫出下列代碼在各個瀏覽器中的顏色值?background: red; _background: green; *background: blue;background: black9;5 輸出下面的值：var a = 1; function b { var a = 2; function c { console.log(a); } return c;}b;6 簡述在IE下mouseover和mouseenter的區別？網易互聯網1 給出設計圖實現HTML/CSS/js 實現表單ajax提交並刷新頁面？2 給Object擴展一個方法clone，實現深度克隆對象3 輸入兩個數字，輸出這兩個數字的最大公約數。如16，4輸出44 說說 React 中的virtual dom原理？5 css實現超出字體內容出現 ...6 css position 中有哪些值可以使用？嘀嘀打車1 location.replace/loation.asign的區別？2 對於浮動的理解，清除浮動的方法及原理？3 前後端分離及前後端協同開發方案4 angular數據綁定採用什麼機制？遠離是什麼？5 ng-if與ng-show/hide的區別[Angular方面]?6 從前公司學到了那些優秀經驗7 常用瀏覽器及內核，對於渲染引擎與js解釋引擎的區分8 如何判斷不同的瀏覽器9 transform 都可以有哪些值？10 css3怎麼實現花瓣飄落效果？