本篇收錄了一些大廠面試中經常會遇到的經典面試題,並且我做好了整理分類。雖然今年的金九銀十已經過去了,但是可以為明年的金三銀四做裝備啊,相信每一個跳槽季都有很多的前端開發者蠢蠢欲動,通過對本篇知識的整理以及經驗的總結,希望能幫到更多的前端面試者。
好了,那我接下來就開始正文咯。
PS: 內容超長,請注意!
HTML篇
1.你是怎么理解HTML語義化
2.你用過哪些HTML5標簽
3.meta viewport 是做什么用的,怎么寫?
4.H5是什么
5.label標簽的作用
6.行內元素有哪些?塊級元素有哪些? 空(void)元素有那些?
7.a標簽中 如何禁用href 跳轉頁面 或 定位鏈接
8.canvas在標簽上設置寬高 和在style中設置寬高有什么區別
9.你做的頁面在哪些流覽器測試過?這些瀏覽器的內核分別是什么?
10.iframe有哪些缺點?
11.HTML5新特性
12.HTML5離線儲存
13.瀏覽器是怎么對HTML5的離線儲存資源進行管理和加載的呢
14.Doctype作用? 嚴格模式與混雜模式如何區分?它們有何意義?
15.HTML與XHTML——二者有什么區別
......
CSS篇
1.頁面渲染時,dom 元素所采用的 布局模型,可通過box-sizing進行設置。根據計算寬高的區域可分為:
2.ie盒模型算上border、padding及自身(不算margin),標准的只算上自身窗體的大小 css設置方法如下:
3.幾種獲得寬高的方式 :
4.拓展各種獲得寬高的方式 :
5.邊距重疊解決方案(BFC) BFC原理
6.css reset和normalize.css有什么區別:
7.居中方法:
8.css優先確定級:
9.如何清除浮動:
10.自適應布局:
11.畫三角形:
12.link@import導入css:
13.長寬比方案:
14.display相關:
15.CSS優化:
16.CSS開啟GPU加速
17.開啟GPU硬件加速可能觸發的問題:
18.CSS中link與@import的區別:
19.CSS選擇器列表優先級及權重:
20.display:none和visibility:hidden的區別:
21.position的absolute與fixed共同點與不同點:
22.介紹一下CSS的盒子模型:
23.CSS選擇符有哪些?
24.哪些屬性可以繼承?
25.優先級算法如何計算?
由於內容過多,如需獲取完整面試題+解析可以【點擊我】。
JavaScript篇
1.請你談談Cookie的優缺點
2.Array.prototype.slice.call(arr,2)方法的作用是:
3.以下代碼執行后,控制台的輸出是:
4.簡單說一下瀏覽器本地存儲是怎樣的
5.原型 / 構造函數 / 實例
6.原型鏈:
7.執行上下文(EC)
8.變量對象
9.作用域鏈
10.閉包
11.對象的拷貝
12.new運算符的執行過程
13.instanceof原理
14.代碼的復用
15.繼承
16.類型轉換
17.類型判斷
18.模塊化
19.防抖與節流
20.函數執行改變this
21.ES6/ES7
22.AST
23.babel編譯原理
24.函數柯里化
25.get請求傳參長度的誤區
26.補充get和post請求在緩存方面的區別
27.說一下閉包
28.說一下類的創建和繼承
29.如何解決異步回調地獄
30.說說前端中的事件流
31.如何讓事件先冒泡后捕獲
32.說一下事件委托
33.說一下圖片的懶加載和預加載
34.mouseover和mouseenter的區別
35.js的new操作符做了哪些事情
36.改變函數內部this指針的指向函數(bind,apply,call的區別)
37.js的各種位置,比如clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop的區別?
38.js拖拽功能的實現
39.異步加載js的方法
40.Ajax解決瀏覽器緩存問題
41.js的防抖
42.js節流
43.JS中的垃圾回收機制
由於內容過多,如需獲取完整面試題+解析可以【點擊我】。
框架Vue篇
1.vue.js的兩個核心是什么
2.vue 的雙向綁定的原理是什么?
3.vue生命周期鈎子函數有哪些?
4.請問 v-if 和 v-show 有什么區別?
5.vue常用的修飾符
6.nextTick
7.什么是vue生命周期
8.數據響應(數據劫持)
9.virtual dom 原理實現
10.Proxy 相比於 defineProperty 的優勢
11.vuex
12.vue中 key 值的作用
13.Vue 組件中 data 為什么必須是函數?
14.v-for 與 v-if 的優先級
15.說出至少 4 種 vue 當中的指令和它的用法
16.vue中子組件調用父組件的方法
17.vue中父組件調用子組件的方法
18.vue頁面級組件之間傳值
19.說說vue的動態組件
20.keep-alive內置組件的作用
21.遞歸組件的用法
22.怎么定義vue-router的動態路由?怎么獲取傳過來的值?
23.vue-router有哪幾種路由守衛?
24.router的區別是什么?