據(jù)數(shù)據(jù)調(diào)查,在過去的一年里,互聯(lián)網(wǎng)公司對前端要求越來越高,前端發(fā)展很迅速,會React的或者React Native會更加吃香,而傳統(tǒng)的IE6兼容性幾乎不再考察了。下面簡單羅列一些知名企業(yè)的前端面試問題。大家來自測一下自己能在哪個上市公司走上人生巔峰~
請設(shè)計一個 Dialog(彈出層) / Suggestion(自動完成) / Slider(圖片輪播) 等組件,你會提供什么接口?調(diào)用過程是怎樣的?可能會遇到什么細(xì)節(jié)問題?
4 在項目開發(fā)完成之后,根據(jù)雅虎性能優(yōu)化規(guī)則,需要對html,JS,CSS,圖片需要做出怎樣的處理?是否可以借助構(gòu)建工具實現(xiàn)自動化?
6 JS 中的原型鏈?zhǔn)鞘裁矗?/div>
7 有一個長度為100的數(shù)組,請以優(yōu)雅的方式求出該數(shù)組的前10個元素之和
8 了解過flex布局嗎?說說它和傳統(tǒng)布局的有何不同?
9 移動端的圖片優(yōu)化實踐方式有哪些?
10 請編寫一個JavaScript函數(shù) parseQueryString,它的用途是把URL參數(shù)解析為一個對象
11 xss和csrf分別是什么?
12 說說前端如何解決異步回調(diào)地獄?
13 淘寶那里的商品項,如圖片,滾動到了才加載,你知道怎么實現(xiàn)么
14 實現(xiàn)1px 像素線條
15 你知道什么是CSS reset么?
騰訊篇
1 說出前端link和import的區(qū)別
2 讓你設(shè)計一個web站點,假如只有你一個人設(shè)計實現(xiàn),前端后端都讓你一個人負(fù)責(zé),具體你要怎么做?
3 你用原生的js多么,原生js發(fā)送ajax請求一般要經(jīng)過哪些步驟
4 你能講講304緩存的原理嗎?
5 你有經(jīng)常使用CSS吧,水平垂直居中怎么實現(xiàn)?
6 Javascript是一種弱類型語言,它分別有什么優(yōu)點和缺點?
7 在js里call()與apply()有什么相同和不同?
8 你用JS實現(xiàn)過一些基本的數(shù)據(jù)結(jié)構(gòu)嗎?
9 node.js用過么?主要用它來做些什么
美團前端
1 說說 http緩存
2 一個浮動的div后面又跟了一個div,在頁面上是怎么布局的
3 有了解ES6么?如何了解的?關(guān)于使用?
4 常見的http狀態(tài)碼都有哪些?
5 對react,vue,或者angular有過接觸么?他們之前的差異你能簡單說下?
6 說說JS面向?qū)ο?原型鏈 繼承,并用簡單的代碼演示說明
7 用得比較多的前端框架是哪些?有看過源碼么?有哪些看過源碼???
8 ajax的readystate有5個狀態(tài) ,每個狀態(tài)表示什么?
9 AMD與CMD
360篇
1 下面代碼的輸出值是:
alert(1&&2)
2 正則表達(dá)式匹配,開頭為11N, 12N或1NNN,后面是-7-8個數(shù)字的電話號碼
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: black\9;
5 輸出下面的值:
var a = 1; function b() { var a = 2; function c() {
console.log(a); } return c;}b()();
6 簡述在IE下mouseover和mouseenter的區(qū)別?
網(wǎng)易
1 給出設(shè)計圖實現(xiàn)HTML/CSS/js 實現(xiàn)表單ajax提交并刷新頁面?
2 給Object擴展一個方法clone,實現(xiàn)深度克隆對象
3 輸入兩個數(shù)字,輸出這兩個數(shù)字的最大公約數(shù)。如16,4輸出4
4 說說 React 中的virtual dom原理?
5 css實現(xiàn)超出字體內(nèi)容出現(xiàn) ...
6 css position 中有哪些值可以使用?
嘀嘀打車
1 location.replace/loation.asign的區(qū)別?
2 對于浮動的理解,清除浮動的方法及原理?
3 前后端分離及前后端協(xié)同開發(fā)方案
4 angular數(shù)據(jù)綁定采用什么機制?遠(yuǎn)離是什么?
5 ng-if與ng-show/hide的區(qū)別[Angular方面]?
6 從前公司學(xué)到了那些優(yōu)秀經(jīng)驗
7 常用瀏覽器及內(nèi)核,對于渲染引擎與js解釋引擎的區(qū)分
8 如何判斷不同的瀏覽器
9 transform 都可以有哪些值?
10 css3怎么實現(xiàn)花瓣飄落效果?