當前位置:首頁 » 網頁前端 » 前端二面題
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端二面題

發布時間: 2022-04-23 05:35:40

1. 前端怎麼通過二面

通過一面說明你已經有80%幾率通過(一面是技術面試的話),二面基本上就是跟領導談談薪資待遇之類的問題,沒什麼大問題,一面是技術面試的話二面基本已經不會再面試技術了

2. 前端二面一般會問啥

專業性強的內容,也可能進行上機操作。具體你可以找一些前端面試題多看看。

3. 如何面試前端工程師

一般都是結構化的,結構化的面試如:
一個頁面從輸入 URL 到頁面載入完的過程中都發生了什麼事情?
你原來做過哪些讓你印象深刻的項目?用 STAR 面試法來不停追問細節。
面試方法
代碼編寫筆試

問答式

過程遵循 STAR 面試法 。

校招和社招的是不一樣的,校招會更加關注基礎知識,而社招會更加關注之前做過的項目情況。

項目相關

面試其實說白了就是根據一個人之前的經歷,來判斷出後續這人會做得怎樣,如果你之前從沒做成過一件事情,憑什麼讓別人相信你之後能做成呢?因此無論哪裡的面試都會問你之前做過的項目
項目可以是多人協助開發一個產品,也可以是自己個人做過的業余應用,只需介紹 1、2 個就夠了,需要注意的是 1 + 1 != 2,做了兩個平庸的項目不如做了一個好項目。

一般來說會問如下幾方面的問題:
做過最滿意的項目是什麼?
項目背景
為什麼要做這件事情?
最終達到什麼效果?
你處於什麼樣的角色,起到了什麼方面的作用?
在項目中遇到什麼技術問題?具體是如何解決的?
如果再做這個項目,你會在哪些方面進行改善?

技術相關 - 1 面

技術一面主要判斷對基礎知識的掌握
描述一個你遇到過的技術問題,你是如何解決的?
這個問題很常見,有沒有遇到過很不常見的問題?比如在網上根本搜不到解決方法的?
是否有設計過通用的組件?
請設計一個 Dialog(彈出層) / Suggestion(自動完成) / Slider(圖片輪播) 等組件
你會提供什麼介面?
調用過程是怎樣的?可能會遇到什麼細節問題?
更細節的問題推薦參考 darcyclarke/Front-end-Developer-Interview-Questions · GitHub
技術相關 - 2 面

技術二面主要判斷技術深度及廣度
你最擅長的技術是什麼?
你覺得你在這個技術上的水平到什麼程度了?你覺得最高級別應該是怎樣的?
瀏覽器及性能
這些優化方法背後的原理是什麼?
除了這些常規的,你還了解什麼最新的方法么?
(這個問既考察技術深度又考察技術廣度,其實要答好是相當難的,注意越詳細越好)
一個頁面從輸入 URL 到頁面載入完的過程中都發生了什麼事情?越詳細越好
談一下你所知道的頁面性能優化方法?
如何分析頁面性能?
其它
除了前端以外還了解什麼其它技術么?
對計算機基礎的了解情況,比如常見數據結構、編譯原理等
興趣相關
最近在學什麼?接下來半年你打算學習什麼?
做什麼方面的事情最讓你有成就感?需求設計?規劃?具體開發?
後續想做什麼?3 年後你希望自己是什麼水平?
主動性相關
在之前做過的項目中,有沒有什麼功能或改進點是由你提出來的?
是否有參與和改進其它開源項目

4. 九機網前端開發二面會筆試嗎

可能會有。
大多數公司都有筆試,基本都是根據你的簡歷來出題,主要詢問的都是基礎。
二面一般會問專業性強的內容,也可能進行上機操作。具體你可以找一些前端面試題多看看。
我先說下思路,jsonp是藉由script標簽發起的跨域GET請求。伺服器返回的是一段js腳本,返回後可以立即執行。通過調用前端預先准備好的回調函數來獲取數據,進行下一步操作。
整個流程大概分為三個步驟:發起請求、執行伺服器返回的script和垃圾回收。
需要注意的主要是伺服器在調用函數的時候,我們的函數未必是暴露在全局之下的,所以要做一個指向,並在操作完成後進行清理。
二、實現一個計時器timer,只暴露start、stop和reset方法
這里考察的主要是函數作用域的概念,通過var聲明的變數是函數私有的,通過對象本身無法訪問

5. Web前端崗位面試題有哪些

前端面試題匯總,基本上會有四大類問題,具體如下:
一、HTML

1、Doctype作用?嚴格模式與混雜模式如何區分?它們有何意義?

2、HTML5 為什麼只需要寫 <!DOCTYPE HTML>?
3、行內元素有哪些?塊級元素有哪些? 空(void)元素有那些?
4、頁面導入樣式時,使用link和@import有什麼區別?
5、介紹一下你對瀏覽器內核的理解?
6、常見的瀏覽器內核有哪些?
7、html5有哪些新特性、移除了那些元素?如何處理HTML5新標簽的瀏覽器兼容問題?如何區分 HTML 和 HTML5?
8、簡述一下你對HTML語義化的理解?
9、HTML5的離線儲存怎麼使用,工作原理能不能解釋一下?
10、瀏覽器是怎麼對HTML5的離線儲存資源進行管理和載入的呢?
11、請描述一下 cookies,sessionStorage 和 localStorage 的區別?
12、iframe有那些缺點?
13、Label的作用是什麼?是怎麼用的?(加 for 或 包裹)
14、HTML5的form如何關閉自動完成功能?
15、如何實現瀏覽器內多個標簽頁之間的通信? (阿里)
16、webSocket如何兼容低瀏覽器?(阿里)
17、頁面可見性(Page Visibility)API 可以有哪些用途?
18、如何在頁面上實現一個圓形的可點擊區域?
19、實現不使用 border 畫出1px高的線,在不同瀏覽器的Quirksmode和CSSCompat模式下都能保持同一效果。
20、網頁驗證碼是幹嘛的,是為了解決什麼安全問題?
21、tite與h1的區別、b與strong的區別、i與em的區別?

二、css

1、介紹一下標準的CSS的盒子模型?與低版本IE的盒子模型有什麼不同的?

2、CSS選擇符有哪些?哪些屬性可以繼承?
3、CSS優先順序演算法如何計算?
4、CSS3新增偽類有那些?
5、如何居中div?如何居中一個浮動元素?如何讓絕對定位的div居中?
6、display有哪些值?說明他們的作用。
7、position的值relative和absolute定位原點是?
8、CSS3有哪些新特性?
9、請解釋一下CSS3的Flexbox(彈性盒布局模型),以及適用場景?
10、用純CSS創建一個三角形的原理是什麼?

11、一個滿屏 品 字布局 如何設計?

三、常見兼容性問題?


  1. 1、li與li之間有看不見的空白間隔是什麼原因引起的?有什麼解決辦法?
    2、經常遇到的瀏覽器的兼容性有哪些?原因,解決方法是什麼,常用hack的技巧 ?
    3、為什麼要初始化CSS樣式。
    4、absolute的containing block計算方式跟正常流有什麼不同?
    5、CSS里的visibility屬性有個collapse屬性值是幹嘛用的?在不同瀏覽器下以後什麼區別?
    6、position跟display、margin collapse、overflow、float這些特性相互疊加後會怎麼樣?
    7、對BFC規范(塊級格式化上下文:block formatting context)的理解?
    8、CSS權重優先順序是如何計算的?
    9、請解釋一下為什麼會出現浮動和什麼時候需要清除浮動?清除浮動的方式
    10、移動端的布局用過媒體查詢嗎?
    11、使用 CSS 預處理器嗎?喜歡那個?
    12、CSS優化、提高性能的方法有哪些?
    13、瀏覽器是怎樣解析CSS選擇器的?
    14、在網頁中的應該使用奇數還是偶數的字體?為什麼呢?
    15、margin和padding分別適合什麼場景使用?
    16、抽離樣式模塊怎麼寫,說出思路,有無實踐經驗?[阿里航旅的面試題]
    17、元素豎向的百分比設定是相對於容器的高度嗎?
    18、全屏滾動的原理是什麼?用到了CSS的那些屬性?
    19、什麼是響應式設計?響應式設計的基本原理是什麼?如何兼容低版本的IE?
    20、視差滾動效果,如何給每頁做不同的動畫?(回到頂部,向下滑動要再次出現,和只出現一次分別怎麼做?)
    21、::before 和 :after中雙冒號和單冒號 有什麼區別?解釋一下這2個偽元素的作用。
    22、如何修改chrome記住密碼後自動填充表單的黃色背景 ?
    23、你對line-height是如何理解的?
    24、設置元素浮動後,該元素的display值是多少?(自動變成display:block)
    25、怎麼讓Chrome支持小於12px 的文字?
    26、讓頁面里的字體變清晰,變細用CSS怎麼做?(-webkit-font-smoothing: antialiased;)
    27、font-style屬性可以讓它賦值為「oblique」 oblique是什麼意思?
    28、position:fixed;在android下無效怎麼處理?
    29、如果需要手動寫動畫,你認為最小時間間隔是多久,為什麼?(阿里)
    30、display:inline-block 什麼時候會顯示間隙?(攜程)
    31、overflow: scroll時不能平滑滾動的問題怎麼處理?
    32、有一個高度自適應的div,裡面有兩個div,一個高度100px,希望另一個填滿剩下的高度。
    33、png、jpg、gif 這些圖片格式解釋一下,分別什麼時候用。有沒有了解過webp?
    34、什麼是Cookie 隔離?(或者說:請求資源的時候不要讓它帶cookie怎麼做)
    35、style標簽寫在body後與body前有什麼區別?

    四、JavaScript

    1、介紹JavaScript的基本數據類型。
    2、說說寫JavaScript的基本規范?
    3、JavaScript原型,原型鏈 ? 有什麼特點?
    4、JavaScript有幾種類型的值?(堆:原始數據類型和 棧:引用數據類型),你能畫一下他們的內存圖嗎?
    5、Javascript如何實現繼承?
    6、Javascript創建對象的幾種方式?
    7、Javascript作用鏈域?
    8、談談This對象的理解。
    9、eval是做什麼的?
    10、什麼是window對象? 什麼是document對象?
    11、null,undefined的區別?
    12、寫一個通用的事件偵聽器函數(機試題)。
    13、[「1」, 「2」, 「3」].map(parseInt) 答案是多少?
    14、關於事件,IE與火狐的事件機制有什麼區別? 如何阻止冒泡?
    15、什麼是閉包(closure),為什麼要用它?
    16、javascript 代碼中的」use strict」;是什麼意思 ? 使用它區別是什麼?
    17、如何判斷一個對象是否屬於某個類?
    18、new操作符具體幹了什麼呢?
    19、用原生JavaScript的實現過什麼功能嗎?
    20、Javascript中,有一個函數,執行時對象查找時,永遠不會去查找原型,這個函數是?
    21、對JSON的了解?
    22、[].forEach.call($$("*"),function(a){ a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16) }) 能解釋一下這段代碼的意思嗎?
    23、js延遲載入的方式有哪些?
    24、Ajax 是什麼? 如何創建一個Ajax?
    25、同步和非同步的區別?
    26、如何解決跨域問題?
    27、頁面編碼和被請求的資源編碼如果不一致如何處理?
    28、模塊化開發怎麼做?
    29、AMD(Moles/Asynchronous-Definition)、CMD(Common Mole

    Definition)規范區別?
    30、requireJS的核心原理是什麼?(如何動態載入的?如何避免多次載入的?如何 緩存的?)
    31、讓你自己設計實現一個requireJS,你會怎麼做?
    32、談一談你對ECMAScript6的了解?
    33、ECMAScript6 怎麼寫class么,為什麼會出現class這種東西?
    34、非同步載入的方式有哪些?
    35、documen.write和 innerHTML的區別?
    36、DOM操作——怎樣添加、移除、移動、復制、創建和查找節點?
    37、.call() 和 .apply() 的含義和區別?
    38、數組和對象有哪些原生方法,列舉一下?
    39、JS 怎麼實現一個類。怎麼實例化這個類
    40、JavaScript中的作用域與變數聲明提升?
    41、如何編寫高性能的Javascript?
    42、那些操作會造成內存泄漏?
    43、JQuery的源碼看過嗎?能不能簡單概況一下它的實現原理?
    44、jQuery.fn的init方法返回的this指的是什麼對象?為什麼要返回this?
    45、jquery中如何將數組轉化為json字元串,然後再轉化回來?
    46、jQuery 的屬性拷貝(extend)的實現原理是什麼,如何實現深拷貝?
    47、jquery.extend 與 jquery.fn.extend的區別?
    48、jQuery 的隊列是如何實現的?隊列可以用在哪些地方?
    49、談一下Jquery中的bind(),live(),delegate(),on()的區別?
    50、JQuery一個對象可以同時綁定多個事件,這是如何實現的?
    51、是否知道自定義事件。jQuery里的fire函數是什麼意思,什麼時候用?
    52、jQuery 是通過哪個方法和 Sizzle 選擇器結合的?(jQuery.fn.find()進入Sizzle)
    53、針對 jQuery性能的優化方法?
    54、Jquery與jQuery UI有啥區別?
    55、JQuery的源碼看過嗎?能不能簡單說一下它的實現原理?
    56、jquery 中如何將數組轉化為json字元串,然後再轉化回來?
    57、jQuery和Zepto的區別?各自的使用場景?
    58、針對 jQuery 的優化方法?
    59、Zepto的點透問題如何解決?
    60、jQueryUI如何自定義組件?
    61、需求:實現一個頁面操作不會整頁刷新的網站,並且能在瀏覽器前進、後退時正確響應。給出你的技術實現方案?
    62、如何判斷當前腳本運行在瀏覽器還是node環境中?(阿里)
    63、移動端最小觸控區域是多大?
    64、jQuery 的 slideUp動畫 ,如果目標元素是被外部事件驅動, 當滑鼠快速地連續觸發外部元素事件, 動畫會滯後的反復執行,該如何處理呢?
    65、把 Script 標簽 放在頁面的最底部的body封閉之前 和封閉之後有什麼區別?瀏覽器會如何解析它們?
    66、移動端的點擊事件的有延遲,時間是多久,為什麼會有? 怎麼解決這個延時?(click 有 300ms 延遲,為了實現safari的雙擊事件的設計,瀏覽器要知道你是不是要雙擊操作。)
    67、知道各種JS框架(Angular, Backbone, Ember, React, Meteor, Knockout…)么? 能講出他們各自的優點和缺點么?
    68、Underscore 對哪些 JS 原生對象進行了擴展以及提供了哪些好用的函數方法?
    69、解釋JavaScript中的作用域與變數聲明提升?
    70、那些操作會造成內存泄漏?
    71、JQuery一個對象可以同時綁定多個事件,這是如何實現的?
    72、Node.js的適用場景?
    (如果會用node)知道route, middleware, cluster, nodemon, pm2, server-side rendering么?
    73、解釋一下 Backbone 的 MVC 實現方式?
    74、什麼是「前端路由」?什麼時候適合使用「前端路由」? 「前端路由」有哪些優點和缺點?
    75、知道什麼是webkit么? 知道怎麼用瀏覽器的各種工具來調試和debug代碼么?
    76、如何測試前端代碼么? 知道BDD, TDD, Unit Test么? 知道怎麼測試你的前端工程么(mocha, sinon, jasmin, qUnit..)?
    77、前端templating(Mustache, underscore, handlebars)是幹嘛的, 怎麼用?
    78、簡述一下 Handlebars 的基本用法?
    79、簡述一下 Handlerbars 的對模板的基本處理流程, 如何編譯的?如何緩存的?
    80、用js實現千位分隔符?(來源:前端農民工,提示:正則+replace)
    檢測瀏覽器版本版本有哪些方式?
    81、我們給一個dom同時綁定兩個點擊事件,一個用捕獲,一個用冒泡,你來說下會執行幾次事件,然後會先執行冒泡還是捕獲

6. 前端面試題目難嗎 如何輕松面對前端面試

從以下五個方面做,可以輕松面對前端面試:
一、基本知識
DOM結構——兩個節點之間可能存在哪些關系以及如何在節點之間任意移動。
DOM操作——怎樣添加、移除、移動、復制、創建和查找節點。
事件——怎樣使用事件以及IE和DOM事件模型之間存在哪些主要差別。
XMLHttpRequest——這是什麼、怎樣完整地執行一次GET請求、怎樣檢測錯誤。
嚴格模式與混雜模式——如何觸發這兩種模式,區分它們有何意義。
盒模型——外邊距、內邊距和邊框之間的關系,IE8以下版本的瀏覽器中的盒模型有什麼不同。
塊級元素與行內元素——怎麼用CSS控制它們、它們怎樣影響周圍的元素以及你覺得應該如何定義它們的樣式。
浮動元素——怎麼使用它們、它們有什麼問題以及怎麼解決這些問題。
HTML與XHTML——二者有什麼區別,你覺得應該使用哪一個並說出理由。
JSON——它是什麼、為什麼應該使用它、到底該怎麼使用它,說出實現細節來。
二、少量提問
現在有一個正顯示著Yahoo!股票價格的頁面。頁面上有一個按鈕,你可以單擊它來刷新價格,但不會重新載入頁面。請你描述一下實現這個功能的過程,假設伺服器會負責准備好正確的股票價格數據。
這個問題牽扯到一組我想要考察的基本知識點:DOM結構、DOM操作、事件處理、XHR和JSON。如果我要求你對換一種處理股票價格的方式,或者 讓你在頁面中顯示其他信息,就可以把更多的知識點包括進來。對於經驗比較豐富應聘者,我也可以自如地擴展要考察的知識范圍,最簡單像JOSN與XML的區別、安全問題、容量問題等等。
我還希望應聘者給出的任何解決方案中都不要使用庫。我想看到最原生態的代碼,你就當頁面中沒有包含任何庫。你說你對哪個庫了解多少多少,但我不能把關於庫的知識作為評判能力的因素,因為庫是會隨時間變化的。
三、解決問題
做為一名前端工程師,最值得高興的事莫過於解決同一個問題會有很多種不同的方法,而你要做的就是找出最合適的方法來。我在提問的時候,經常會在應聘者解釋完一種方法後問他們還有沒有第二種方法。此時我會跟他們說,假設你的這個方法由於種種原因被否決了,那麼你還能不能給出另一種方法。這樣做可以達到 兩個目的。
首先,可以測試出他們是否在毫無意義地復述書本中的東西。不能不承認,某些人確實有過目不忘的天賦,聽他們在那裡滔滔不絕地講,你會覺得他們什麼都明白。可是,只要一跟這些人談到怎麼查找方案無效的原因,以及能否拿出一個新方案來,他們往往就傻眼了。這時候,如果我聽到「我不明白這個方案為什麼不夠 好」之類的反問,心裡立刻就明白我的問題已經超出了他們的能力范圍,而他們只是想拿自己死記硬背的結論來矇混過關。
其次,可以測試出他們已經掌握的(還是那句話,「想都不用想」)瀏覽器技術知識。如果他們對瀏覽器平台的核心知識有較好的理解,想出解決同一問題的不同方案根本沒有那麼難。
注意:所有問題都與瀏覽器技術相關。我不相信出幾道抽象的邏輯題,就能夠考出某人解決Web技術問題的能力。在我看來,這無異於讓素描大師畫肖像,沒有意義,也得不到任何有價值的信息。
四、有激情
要成為一名優秀的前端工程師,最重要的莫過於對自己做的事要有激情。我們技能都不是從學校中或者從研討會上學來的,因此前端工程師必須具備自學能力。瀏覽器技術的變化可謂日新月異,所以也只有不斷提升自己的技能才做得到與時俱進。我雖然不能強迫誰必須多看博客、不斷學習,但想應聘前端工程師的人恐怕還是必須這么做的。
你怎麼知道誰對這種工作有沒有激情?實際上非常簡單。我只問一個簡單的問題:「目前你對什麼Web技術最感興趣?」這個問題永遠不會過期,而且也幾乎不可能出錯……除非你答不上來。就眼下來說,我希望你對這個問題給出的技術中包括WebSocket、HTML、WebGL、客戶端資料庫,等等。只有 對Web開發充滿激情的人,才會堅持不懈地學習新知識、掌握新技能;
五、最後一點
計算機科學或者Web設計方面的知識當然也有用,但那都是基本知識之外的東西。只要基本知識在那兒了,一切就都有了基礎,想擴充知識面也不難。可是,如果等到正式上班以後,還得從頭學習基本技能,那種難度是不可同日而語的。

7. 求推薦一下關於Web前端的相關資料!

一)前端基本功

前端相關的基礎知識

  • 《HTTP/3 來了 !未來可期》

  • 《你可能已經忽略的 git commit 規范》

  • 《手寫一個 WebSocket 協議》

  • 《5000字解析:前端五種跨平台技術》

  • 《一篇搞定移動端適配》

  • 《Chrome DevTools中的這些騷操作,你都知道嗎?》

  • 《Chrome 運行時性能瓶頸分析》

  • 《當瀏覽器全面禁用三方 Cookie》

  • 《無形中提高工作效率的 Chrome 插件》

  • 《還分不清 Cookie、Session、Token、JWT?》

  • 《你連 HTTPS 原理都不懂,還講「中間人攻擊」?》

  • 《npm install 原理分析》

  • 《不容錯過的 Babel 7 知識匯總》

  • 《一文搞懂 Web 中暗藏的密碼學》

  • 《解讀HTTP/2與HTTP/3 的新特性》

  • CSS

  • 《那些不常見,但卻非常實用的 CSS 屬性》

  • 《面試官:你可以用純 CSS 判斷滑鼠進入的方向嗎?》

  • 《二營長,快掏個CSS出來給我畫個井字棋游戲》

  • 《CSS 故障藝術》

  • 《我寫CSS的常用套路(附demo的效果實現與源碼)》

  • 《來自新時代的 CSS》

  • 《你還不會 CSS 動畫?》

  • JavaScript

  • 《誰說前端不需要懂二進制》

  • 《你不知道的 Blob》

  • 《Javascript常用的 60 余種工具方法》

  • 《你可以這樣優化 if-else 代碼結構》

  • 《JS 圖片壓縮的實現思路》

  • 《一個簡潔、有趣的無限下拉方案》

  • 《請你實現一個大文件上傳和斷點續傳》

  • 《從 ES6 到 ES10 的新特性萬字大總結》

  • 《JavaScript 手寫代碼無敵秘籍》

  • TypeScript

  • 《通俗易懂的 TypeScript 入門教程》

  • 《用 TypeScript 編寫 React 的最佳實踐》

  • 《一文讀懂 JS 裝飾器》

  • 《你真的懂 Promise 嗎?》

  • 《Typescript 那些好用的技巧》

  • 《Typescript 嚴格模式有多嚴格?》

  • 二)前端框架、工具、庫

    React

  • 《用 TypeScript 編寫 React 的最佳實踐》

  • 《2020 年你應該知道的 React 庫》

  • 《5 個技巧助你編寫更好的 React 代碼》

  • 《10個案例讓你徹底理解React hooks的渲染邏輯》

  • 《組件演進史:從Mixin到HOC,再到Hook》

  • Vue

  • 《1.1萬字從零解讀Vue3.0源碼響應式系統》

  • 《重頭來過的 Vue 3 帶來了什麼?》

  • Nodejs

  • 《一杯茶的時間,上手 Node.js》

  • 《深入理解 Node.js 進程與線程》

  • Deno

  • 《Deno 會取代 Node.js 嗎?》

  • 《了不起的 Deno 入門教程》

  • 《推倒 Node 重做,Deno 1.0 來了》

  • Webpack

  • 《一文搞懂 Webpack 多入口配置》

  • GraphQL

  • 《GraphQL-前端開發的利劍與橋梁》

  • 《GraphQL 入門看這篇就夠了》

  • 《前端工程師應該了解的 GraphQL》

  • VS Code
    《動圖演示11個必備 VS Code 插件》

    三)面試題精選

  • 《高頻前端面試題》

  • 《吐血整理!再來一打 Webpack 面試題》

  • 《前端同學經常忽視的一個 JavaScript 面試題》

  • 《如何輕松拿到淘寶前端 offer》

  • 《三年大廠面試官:二面題》

  • 《十幾道含答案的大廠面試題總結》

  • 《如何答一道驚艷面試官的數組去重問題?》

  • 《10 個 CSS 高頻面試題,你都會嗎?》

  • 《經常被面試官考的 JS 數據類型知識你真的懂嗎?》

  • 《面試須知:瀏覽器相關原理詳細總結》

  • 《2019 大齡前端如何准備面試?》

  • 《2018 大廠高級前端面試題匯總》

  • 四)前端開發的職業修煉

  • 《前端如何在項目中做出亮點》

  • 《Facebook 前端技術棧重構分享》

  • 《當前端基建任務落到你身上,該如何推動協作?》

  • 《使用 docker 高效部署你的前端應用》

  • 《關於前端學習路線的一些建議》

  • 《各種場景喚起 App 的騷操作》

  • 《Web 視頻播放前前後後那些事》

  • 《你必須要注意的依賴安全漏洞》

  • 《從 12.67s 到 1.06s 的網站性能優化實戰》

  • 《網易雲音樂前端性能監控實踐》

  • 《一個阿里前端工程師的成長之路》

  • 《非常全面的前端協作規范》

  • 《一名合格前端工程師的自檢清單》

  • 《從 0 到 1 再到 100:搭建、編寫、構建一個前端項目》

希望對你有用,望採納~

8. 求web前端開發筆試題

騰訊WEB前端開發三輪面試經歷及面試題
【一面】~=110分鍾 2013/04/24 11:20 星期三
進門靜坐30分鍾做題。

填空題+大題+問答題
>>填空題
何時接觸電腦 何時接觸前端
運算符 字元串處理 延時 display position XMLHttpRequest 正則
Jquery綁定事件 cookie
>>大題
BOM瀏覽器信息
瀏覽器兼容性舉例
閉包作用與舉例
新聞ul列表,插入3個,獲取index
全文單詞首字母大寫
ajax過程
>>邏輯題
任何時間分針和時針夾角
文章單詞(字母)頻率出現最高
30分鍾等到車概率是70%,那10分鍾呢?
一個班學舞蹈的有75%,學唱歌的有85%,問同時學習舞蹈和唱歌的最多多少,最少多少?
兩個很大數的加法運算
>>我的提問
為什麼不問我框架
你覺得我哪些方面還有欠缺,覺得我如何
如果有望進入二面,什麼時候可以得到通知
>>完了之後一起下樓時
我說其他幾家公司的問題和騰訊的有比較大的區別,
區別是XXXXXX
然後他問我家在哪裡
然後說深圳還是比較適合我
我說但願還能見到你
他笑了笑

【二面】~=40分鍾 2013/04/25 14:00 星期四
面試時間是兩點鍾,兩點過幾分進入了面試官所在的包間。
進去之前樓下簽到的hr要我把一摞草稿紙帶到621房間的面試官,進門給他之後,他說那把大椅子是壞的,
要我往後坐一點(防止向前傾倒)。
開始的時候他沒怎麼說話,埋頭看著我的簡歷,於是我主動開始扯了幾句關於自己的介紹。也不知他聽到沒
有,等我說完,馬上又說:好吧,你先自我介紹下。(一臉黑線...)
期間問了我為什麼不打算考研,為什麼選擇前端,我做的最自豪的事情是什麼。
嘰哩吧啦一陣子後,他要我說說我的人生規劃和職業規劃(頗為蛋疼,這些問題不是應該HR面才會問的么
),我順著他的來,也比較xx的說了一番。
反向代理
輸入網址到出現頁面的過程(IP解析,DNS解析等)
頁面流量
堆棧
接著,問了我-1在計算機中怎麼表示,如何判斷數組A是否為數組B的子集。
然後是一個概率問題,假設長江以北有80W人,長江以南有20W人,A向B打電話算一個電話,如果打了
10W個電話,那麼長江以北打向長江以南的電話有多少個?
沒問太多問題,都是些基礎的,最後他問我有什麼問題。
>>我問了問
為什麼不問我前端的問題
如果通過二面,什麼時候可以給我回復
對我有什麼學習上的建議
面試官留言:「一把刀有刀鋒和刀背,刀鋒要磨銳利,但是刀背的鍛煉也要加強。」

【HR面】~=30分鍾 2013/04/27 20:00 星期六
進去先看上幾位面試官對我的評價,安靜時刻我跟她扯淡了幾句,緩和了下尷尬的氣氛。
然後她瞄了瞄我的簡歷,接著就問我考不考研,很明顯我的答案是不。然後她又問為什麼~
接著讓我說說自己最滿意的一件事和最不滿意的一件事,自己最大的缺點和最大的優點
扯了半天之後(此處略去20分鍾扯淡),又開始看我的簡歷,問了我項目中遇到哪些困難,我說了一個還未
解決的bug,她反問為什麼不解決,然後嘰哩吧啦了一陣子。
最後問我有沒有什麼問題。按慣例,問了問最早什麼時候給通知,然後問了問期間如果有不明白問題可以通過
什麼方式聯系她之類的。
整個過程還算順利。

HR告訴我五一之後可以查詢錄取狀態,求人品吧~

順便把在搜狐和網易的面試筆試經歷也說說吧~
>>搜狐
搜狐的太久了,記不太清楚了
那次只為攢經驗,是俺平生第一次參加公司面試。不過收獲還是有的~
時間太久了,也記不清了,沒有提交筆試題,但是還是要我去面試了。
問他有幾輪面試,告訴我因時間匆忙,只給一輪技術面,如果滿意直接HR。
大概問題記不太清。
雖然感覺答的還不錯,但是最後還是被刷了。
【技術面】~=60分鍾
-問了下我在團隊學了些什麼。
-然後就是很多「你是怎麼理解XX」。。
-XX中有 閉包,原型鏈, 框架結構等

>>網易
今天4.27,好像是3.26參加的面試,時間太久,也記得不是很清楚了。
我沒有把任何面試官當做正經的面試官,男的就是我的學長,女的就是我的學姐,僅此而已,所以每次交流都是平和的心態。
學長們(每次面我的都是個男的)時不時露出笑意,現場氣氛沒有那麼緊張。
【一面】 ~=30分鍾
閉包
IE6趨勢
框架
【二面】 ~=90分鍾
框架比較 jQuery prototype YUI
框架特點
css兼容性 IE6 bug
seaJS AMD CMD kissy
JS原型鏈 閉包
JS基礎細節
不讓談網路框架
【HR面】~=25分鍾
自我介紹
身邊人的評價
最不滿意的一件事情
規劃
為什麼不想考研
有什麼困難
薪資待遇
何時通知

9. 前端進入二面怎麼推掉

就說家裡有事。
面試官會問你做的項目,並且問到底,如何實現,使用了什麼機制,如果你使用了ajax,他會問你了解ajax的原理嗎之類的。所以在面試前,簡歷中寫的做過的項目最好復習,且深入了解自己使用東西的實現原理,回答得時候才能足夠流暢。
一般就是計網計組基礎知識、前端基礎知識、js基礎語法、網頁安全問題(瞎編的名字,跨域和XSS之類的)、一定的演算法能力。