1. 程式人生 > >前端筆試面試寶典

前端筆試面試寶典

HTML部分:

1.html語義化的理解

CSS部分:

1.使一個塊級元素居中的方法?

2.為什麼img是內聯元素卻有寬高?

3.如何解決兩個inline-block元素之間的間距?

4.簡述三種盒模型?

5.定位方式position、float,簡述文件流?

6.簡述BFC?

7.清除浮動方法?

8.兩邊固定寬度中間自適應如何實現?正方形邊長自適應?

javascript部分:

1.javascript中有哪些資料型別,如何判斷?

2.深拷貝和淺拷貝的區別,如何實現?

3.javascript單執行緒執行機制?

4.javascript的垃圾回收機制?

5.javascript中的this指向?(難點)

6.簡述javascript中的閉包?(難點)

7.javascript原型鏈(難點)

8.javascript實現繼承的方法有哪些?

9.Object自帶的方法有哪些?for..in 和 object.keys的區別

10.什麼是純函式?如何柯里化?

11.函式的尾呼叫優化?

12.陣列的操作方法有哪些?

13.類陣列和陣列的區別,如何轉化?

14.js陣列去重方法有哪些?

15.常用的es6新特性?

16.簡述promise和aysnc?

17.簡述前端模組化

通訊協議部分:

1.OSI模型?

2.TCP三次握手?

3.http報文頭內容以及狀態碼?

4.簡述HTTPS,介紹SSL和TSL

5.從輸入url到進入網址發生了什麼?

瀏覽器部分:

1.瀏覽器快取控制?

2.cookie,sessionstorage和localstorage區別?

3.登入實現,cookie、session和token?

4.頁面生成過程及重排和重繪?

5.頁面效能優化方法?

6.瀏覽器事件流?

7.事件委託?

8.原生ajax原理及使用方法?

9.如何解決瀏覽器跨域請求?

10.漸進增強與優雅降級?

11.移動端1px邊框、300ms點選事件、iphone對HTTP請求攔截問題

通用部分:

1.使用正則表示式匹配手機號?

2.簡述設計模式(單例模式、工廠模式、觀察者模式、釋出訂閱模式、中介者模式)

3.MVC與MVVM的區別?

4.手寫幾種排序演算法?

5.簡述restfulAPI?

6.網頁常見的圖示圖片格式(webp、svg、canvas)

NODE部分:

1.同步IO非同步IO,阻塞與非阻塞什麼區別?

2.簡述express

3.用過哪些koa中介軟體,簡單介紹?

4.koa中response.send、response.rounded、response.json執行機制,瀏覽器為什麼能識別到它是一個json結構或是html

webpack部分:

1.使用過webpack裡面哪些plugin和loader,loader和plugin有什麼區別

2.webpack裡面的外掛是怎麼實現的

3.webpack整個生命週期

4.webpack打包的整個過程

5.webpack如何配sass,需要配哪些loader

6.如何配置把js、css、html單獨打包成一個檔案

VUE部分:

1.雙向繫結原理?

2.虛擬DOM原理?

3.vue生命週期?

4.計算屬性和監聽屬性的區別?

5.vuex中的資料流?

6.vue-router幾種導航守衛作用?

7.key的作用

React部分:

1.React生命週期

2.路由的動態載入模組

3.介紹Redux資料流的流程

4.React怎麼做資料的檢查和變化

5.React-router怎麼實現路由切換

6.React非同步渲染的概念,介紹Time Slicing 和 Suspense

7.React的效能優化

8.React的事件機制(繫結一個事件到一個元件上)

9.React高階元件,和普通元件有什麼區別

10.React設計思路

11.React常見的通訊方式

12.React整體的工作流程

13.Redux資料回溯設計思路