前端你要準備的面試題(沒有答案只有題)

非技術題

1、為什么離職?
2、你的職業(yè)規(guī)劃?
3、你遇到的最大的困難是什么?
4、你收獲最大的是什么?
5、你最大的缺點是什么?
6、你覺得你有什么優(yōu)點?
7、你知道我們公司是做什么的嗎?
8、你能接受加班嗎?
9、你能接受出差嗎?

技術題(Vue)

1、為什么選擇Vue?
2、Vue的雙向綁定(Vue2和Vue3還不一樣)原理?
(還會衍生出為什么要用 Proxy API替代 defineProperty API)
4、生命周期?數(shù)據(jù)請求一般在什么周期?為什么?created與mounted的區(qū)別?
5、watch和computed的區(qū)別和共同點?
6、銷毀周期做了什么?
7、key的作用?為什么不能用index作為key?
8、Vue插槽的理解?
9、v-if和v-show的區(qū)別?v-for為什么避免和v-if一起使用?
10、keep-alive了解嗎?
11、vue的通信方式有哪些?
12、Vuex是什么?有什么作用?
13、路由的兩種模式?hash和history有什么區(qū)別?
14、axios的了解?是做什么的?有什么特點和優(yōu)勢?常用的api有哪些?
15、element-ui中遇到的問題?
16、首屏加載速度慢怎么解決?
17、Vue的性能優(yōu)化?
18、什么是虛擬DOM?和真實DOM的區(qū)別?Vue為什么要用虛擬DOM?
進階
19、vue2和vue3的區(qū)別?
20、vue、react、angularjs之間的區(qū)別和你對三個框架的看法?
21、能理解vue的設計模式嗎?
22、知道vue的diff算法嗎?
23、Vuex的ajax請求在哪兒調用比較合適。
24、Vuex的缺點是什么?怎么解決?

技術題(JS)

1、原型鏈的理解?
2、es5,es6新增的常用方法?
3、let和const的區(qū)別?
4、新增的數(shù)據(jù)類型?
5、Set和Array的區(qū)別?
6、Map和Object的區(qū)別?
7、let和var的區(qū)別?
8、數(shù)組去重?數(shù)組排序?
9、類型判斷?
10、箭頭函數(shù)和普通函數(shù)的區(qū)別?
11、Promise的使用理解?
12、Async和await的使用理解?
13、Proxy的理解?
14、null,undefined,NaN的理解?
15、for..in 和 Object.keys()的區(qū)別
16、如何阻止事件冒泡?
17、如何阻止默認事件?
18、閉包的概念?優(yōu)缺點?使用場景?
19、什么是跨越?jsonp跨域的理解?
20、描述一下cookies,sessionStorage和localStorage的區(qū)別?
21、ajax請求的時候get 和post方式的區(qū)別?
22、談談你對this的理解?知道如何修改this指向嗎?這些方法有什么區(qū)別?
23、說說js的內存泄露?如何避免這些問題?
24、說說import、require、export的區(qū)別?
25、說說宏任務和微任務,堆和棧。
26、說說事件循環(huán)(Event Loop)。
27、圖片懶加載。
28、Js繼承的常用方式和具體實現(xiàn)。

技術題(CSS)

1、盒子模型?
2、css3新增偽類有哪些?
3、Less和Sass是什么?有什么區(qū)別?
4、彈性盒子用過嗎?簡單說幾個常用API?
5、移動端常見的Css兼容問題?怎么解決的?
6、動畫屬性了解嗎?簡單說說?
7、animation簡單用法?
8、css有哪些單位?移動端開放一般用什么單位?為什么?怎么用?
9、如何繪出小于1px的直線。
10、如何讓字體小于10px?
11、選擇器的先后順序?
12、偽元素選擇器的實戰(zhàn)應用有哪些?
13、style標簽里的scope有什么用?

進階
11、css主題切換
12、transition、transform、animation的區(qū)別?誰的性能更好?為什么?
13、自己寫一個彈窗(考定位,遮罩層,滾動)
14、如何定義一個less的公共類
15、

技術題(HTML)

1、語義化標簽最主要的作用是什么?
2、src和href的區(qū)別

技術題進階(webpack)

1、webpack的作用是什么,談談你對它的理解?
2、Vue不利用vue-cli腳手架能自己搭建一個前端項目嗎?
3、webpack用的那個版本?知道版本之間的區(qū)別嗎?
4、webpack的常用api和其主要作用。
5、gulp/grunt 與 webpack的區(qū)別是什么?
6、webpack的打包優(yōu)化有做過嗎?
7、webpack的熱更新原理知道嗎?
8、什么是websocket?

技術題進階(JS)

1、手寫一個Promise
2、手寫一個interface
3、手寫let const
4

技術題進階(實戰(zhàn))

1、首頁的優(yōu)化方案。
2、前端性能的提升方案。
3、優(yōu)化過webpack嗎
4、說一說前端監(jiān)控的方案和意義
5、理解微前端嗎?
6、如何處理超大圖片顯示緩慢的問題?
7、手撕一個前端搜索?純前端,客戶常搜索的內容要記下來。詳細方案。
8、請你設計一個完善的登錄頁。
9、常見網(wǎng)絡攻擊和防御方法。
10

網(wǎng)絡相關

1、http和https有什么區(qū)別?
2、常見的網(wǎng)絡錯誤狀態(tài)碼有哪些?
3、

其他題

1、常去的學習網(wǎng)站有哪些?平時的學習方法是什么?
2、遇到不能解決的問題了怎么辦?
3、和同事產(chǎn)生了矛盾如何解決?

反問題(面試過了之后你應該問人事的題)

1、薪資的構成情況?例如是底薪加提成還是全額合同金額?
2、年終獎是否寫進合同?
3、五險一金的繳納方式?是全額還是最低額度?
4、有無加班費?
5、多久調薪一次?
6、團隊人員情況?項目老大的性格是嚴格還是隨和?
7、公司收入情況?過生存線了沒有?
8、上班時間,遲到的處罰是怎么樣的?扣工資的直接pass!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容