金三銀四銅五鐵六，現在看看面試題還不晚（上篇）

bingyuea發表於2018-06-10
面試題

前言

俗話說金三銀四銅五鐵六，已經到了6月快中旬，差不多算是上半年即將結束，題主是在5月底開始的工作，明天入職。下面就是部分面試問到的一些東西，規整了一下發了出來，如果又將要面試的老鐵，希望這篇能幫助到你

這個面試題答案是從下面開始寫的，有些標有重複的問題在下面都有對應的介紹

個人部落格

面試一

  1. 跨域問題

    • 重複

  2. 箭頭函式

    • 重複

  3. 原型鏈

    • 重複

  4. 原生js如何實現模組化（物件導向，程式導向）

    模組化

  5. 個人中心下面有若干個模組 如何 封裝各個模組

    • 在vue裡面以功能元件劃分，感覺和上一題重複

  6. 對於同一個介面不同如何區別呼叫

    • 這個問題沒有懂是神魔意思

  7. cookie 與 session 的區別，分別怎麼用

    • 重複

  8. 移動端適配如何實現

    • 重複

  9. 支付（有做過嗎）

  10. ajax輪詢

    輪詢

  11. 頁面新增新的按鈕之後,如何對新的按鈕新增繫結事件

    主要考察事件委託

  12. 個人規劃

    • 當然是抓緊時間物件

  13. 常見的http狀態碼

    200 OK
表示請求成功 一切正常
301 Moved Permanently
重定向，客戶請求的文件在其他地方，新的URL在Location頭中給出，瀏覽器應該自動地訪問新的URL
302 Found
臨時重定向，類似於301，但新的URL應該被視為臨時性的替代，而不是永久性的。
304 Not Modified
客戶端有緩衝的文件併發出了一個條件性的請求。伺服器告訴客戶，原來緩衝的文件還可以繼續使用。
400 Bad Request
請求出現語法錯誤。
403 Forbidden
資源不可用。
404 Not Found
無法找到指定位置的資源。
405 Method Not Allowed
請求方法（GET、POST、HEAD、Delete、PUT、TRACE等）對指定的資源不適用。
500 Internal Server Error
伺服器遇到了意料不到的情況，不能完成客戶的請求。
501 Not Implemented
伺服器不支援實現請求所需要的功能。
複製程式碼

    常用http狀態碼 七種常用http狀態碼

面試二

  1. 離職原因

    • 錢少事多離家遠？

  2. 如何認識前端這一崗位

    • 前端就是用來背鍋的→ →

  3. cookie 與其他貯存方式

    • cookie 存貯量小，可以用在和服務端通訊
    • storage 存貯量大，不通訊
      區別

  4. 跨域問題（script標籤）

    • 重複

  5. rgb()如何表示一個紅色

    • 這個題面試官說主要考察面試者對前端基本的一些原理的理解；r代表red、g代表 green、b代表blue；所以紅色就是(255,0,0)

  6. 閉包的理解，優點缺點

    • 優點，避免全域性變數汙染；可以讀取函式內部的變數；讓這些變數的值始終保持在記憶體中，
    • 缺點記憶體洩露
      閉包簡介

面試三

  1. jq繫結輸入事件(為神魔用input不用change)

    移動端實時監聽輸入框變化 移動端輸入框填坑系列（一）

    • change只有在input失去焦點後才會觸發去執行function內的內容。在H5中，有新的事件input，每輸入或者刪除一個字元都會觸發，並不需要失去焦點。

  2. vuex重新整理之後資訊會丟失為神魔用vuex

    vuex

    金三銀四銅五鐵六，現在看看面試題還不晚（上篇）

  3. 路由懶載入怎麼實現

    路由懶載入

        // 少了一步引入賦值。
    const router = new VueRouter({
      routes: [
        path: '/app',
        component: () => import('./app'),  // 引入元件
      ]
    })
    // Vue路由文件的寫法:
    const app = () => import('./app.vue') // 引入元件
    const router = new VueRouter({
      routes: [
        { path: '/app', component: app }
      ]
    })
複製程式碼

    掘金

  4. vue生命週期，為神魔請求放在created裡面

    重複

  5. js裡面迴圈方法（for of in）

    • for...in 迴圈只遍歷可列舉屬性(key)
    • 陣列索引只是具有整數名稱的列舉屬性，並且與通用物件屬性相同。不能保證for ... in將以任何特定的順序返回索引。for ... in迴圈語句將返回所有可列舉屬性
    • 如果你只要考慮物件本身的屬性，而不是它的原型，那麼使用 getOwnPropertyNames() 或執行 hasOwnProperty() 來確定某屬性是否是物件本身的屬性
    • for...of 語句遍歷可迭代物件定義要迭代的資料(value)
    • 對於 物件 不能 直接使用 for of 但是可以 使用 for in 進行 遍歷 鍵名;可以 使用 Object.keys 講物件的 鍵名生成一個陣列，然後遍歷 這個陣列

    金三銀四銅五鐵六，現在看看面試題還不晚（上篇）

    for in

  6. 資料型別

    重複

  7. 原型

    最詳細關於原型鏈

  8. 陣列的toString 和 物件的 toString

    toString的原型鏈

  9. 閉包li

    知乎閉包詳解

  10. es6新的語法

    新的語法

  11. 非同步函式

    阮一峰promise 阮一峰async await

  12. scss語法

    scss語法

  13. 跨域問題

    vue專案跨域 jsonp跨域

  14. 移動端自適應佈局

    重複

面試四

  1. 瀏覽器路由的形式（詳細情況）？

    原生實現一個前端路由 前端路由詳解 前端路由詳解

  2. vue的filter格式化時間

    全域性過濾器和元件過濾器

  3. vue生命週期以及特徵

    生命週期

  4. vue監聽vuex state的資料變化

    watch和computed監聽

  5. beforeEach全域性守衛如何使用

    登入攔截

  6. 如何做移動端適配（適配原理）

    移動端適配個人處理方案

  7. 箭頭函式中的this和普通函式this指向

    this指向

  8. babel如何把高階語法轉化為低階語法

    • 不知道

  9. 堆疊概念，深淺拷貝

    資料型別與深淺拷貝

相關文章