校招季,給優秀的你一些前端面試的經驗

  • 瀏覽器強緩存和協商緩存
  • 瀏覽器的全局變量有哪些
  • 瀏覽器同一時間能夠從一個域名下載多少資源
  • 按需加載,不同頁面的元素判斷標準
  • web存儲、cookies、localstroge等的使用和區別
  • 瀏覽器的內核
  • 如何實現緩存機制?(從200緩存,到cache到etag再到)
  • 說一下200和304的理解和區別
  • 什麼是預加載、懶加載
  • 一個 XMLHttpRequest 實例有多少種狀態?
  • dns解析原理,輸入網址後如何查找服務器
  • 服務器如何知道你?
  • 瀏覽器渲染過程
  • ie的某些兼容性問題
  • session
  • 拖拽實現
  • 拆解url的各部分-
  • 7.工程化

    • 對webpack,gulp,grunt等有沒有了解?對比。
    • webpack的入口文件怎麼配置,多個入口怎麼分割。
    • webpack的loader和plugins的區別
    • gulp的具體使用。
    • 前端工程化的理解、如何自己實現一個文件打包,比如一個JS文件裡同時又ES5 和ES6寫的代碼,如何編譯兼容他們-

    8.模塊化

    • 對AMD,CMD,CommonJS有沒有了解?
    • 為什麼要模塊化?不用的時候和用RequireJs的時候代碼大概怎麼寫?
    • 說說有哪些模塊化的庫,有了解過模塊化的發展的歷史嗎?
    • 分別說說同步和異步模塊化的應用場景,說下AMD異步模塊化實現的原理?
    • 如何將項目裡面的所有的require的模塊語法換成import的ES6的語法?
    • 使用模塊化加載時,模塊加載的順序是怎樣的,如果不知道,根據已有的知識,你覺得順序應該是怎麼樣的?-

    9.框架

    • 使用過哪些框架?
    • zepto 和 jquery 是什麼關係,有什麼聯繫麼?
    • jquery源碼如何實現選擇器的,為什麼$取得的對象要設計成數組的形式,這樣設計的目的是什麼
    • jquery如何綁定事件,有幾種類型和區別
    • 什麼是MVVM,MVC,MVP
    • Vue和Angular的雙向數據綁定原理
    • Vue,Angular組件間通信以及路由原理
    • react和vue的生命週期
    • react和vue的虛擬dom以及diff算法
    • vue的observer,watcher,compile
    • react和angular分別用在什麼樣的業務嗎?性能方面和MVC層面上的區別
    • jQuery對象和JS的Element有什麼區別
    • jQuery對象是怎麼實現的
    • jQuery除了它封裝了一些方法外,還有什麼值得我們去學習和使用的?
    • jQuery的$(‘xxx’)做了什麼事情
    • 介紹一下bootstrap的柵格系統是如何實現的-

    10.Nodejs

    • 對nodejs有沒有了解
    • Express 和 koa 有什麼關係,有什麼區別?
    • nodejs適合做什麼樣的業務?
    • nodejs與php,java有什麼區別
    • Nodejs中的Stream和Buffer有什麼區別?
    • node的異步問題是如何解決的?
    • node是如何實現高併發的?
    • 說一下 Nodejs 的 event loop 的原理-

    11.數據結構

    • 基本數據結構:(數組、隊列、鏈表、堆、二叉樹、哈希表等等)
    • 8種排序算法,原理,以及適用場景和複雜度
    • 說出越多越好的費波拉切數列的實現方法?-

    12.性能優化

    • cdn的用法是什麼?什麼時候用到?
    • 瀏覽器的頁面優化?
    • 如何優化 DOM 操作的性能
    • 單頁面應用有什麼SEO方案?
    • 單頁面應用首屏顯示比較慢,原因是什麼?有什麼解決方案?-

    13.其他

    • 正則表達式
    • 前端渲染和後端渲染的優缺點
    • 數據庫的四大特性,什麼是原子性,表的關係
    • 你覺得前端體系應該是怎樣的?
    • 一個靜態資源要上線,裡面有各種資源依賴,你如何平穩上線
    • 如果要你去實現一個前端模板引擎,你會怎麼做
    • 知道流媒體查詢嗎?
    • SEO
    • mysql 和 mongoDB 有什麼區別?
    • restful的method解釋
    • 數據庫知識、操作系統知識
    • click在ios上有300ms延遲,原因及如何解決
    • 移動端的適配,rem+媒體查詢/meta頭設置
    • 移動端的手勢和事件;
    • unicode,utf8,gbk編碼的瞭解,亂碼的解決-

    14.開放性問題

    • 你都看過什麼書?最近在看什麼書?
    • 用過什麼框架?有沒有看過什麼框架的代碼?
    • 有沒有學過設計模式?
    • 說一說觀察者模式吧!能不能寫出來?
    • 你最大的優點是什麼?那你最大的缺點呢?
    • 你除了寫博客還有什麼輸出?
    • 現在你的領導給你了一份工作,要求你一個星期完成,但你看了需求以後估計需要3周才能完成,你該怎麼辦?
    • 平時關注的前端技術
    • 如何規劃自己的職業生涯
    • 項目過程中,有遇到什麼問題嗎?怎麼解決的?
    • 最近在研究哪方面的東西?
    • 請介紹一項你最熱愛、最擅長的專業領域,並且介紹的學習規劃。
    • 請介紹你參與的印象最深刻的一個項目,為什麼?並且介紹你在項目中的角色和發揮的作用。-

    15.HR面

    • 你為什麼要學習前端?
    • 你平時的是怎麼學習前端的?有什麼輸出?
    • 你覺得自己最好的項目是什麼?
    • 身邊比較佩服的人有什麼值得你學習的?你為什麼沒有跟他們一樣?
    • 同事的什麼問題會讓你接受不了
    • 壓力最大的事情是什麼?
    • 身邊的朋友通常對你的評價是什麼
    • 喜歡什麼樣的工作氛圍
    • 如何看待加班
    • 有沒有對象
    • 意向城市
    • 其他的offer
    • 為什麼要錄取你?
    • 週末都會幹什麼?
    • 未來職業規劃



    分享到:


    相關文章: