前端筆試面試寶典
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資料回溯設計思路