前端面試經(jīng)常會碰到的問題

隨著互聯(lián)網(wǎng)的發(fā)展，越來越多的的人進(jìn)入了IT行業(yè)，今天小編給大家總結(jié)了一下前端面試經(jīng)常會碰到的問題，包括前端基礎(chǔ)、布局、JS高級、瀏覽器、網(wǎng)絡(luò)協(xié)議、ES6語法、VUE基礎(chǔ)和VUE高級等等，有需要的小伙伴跟著小編一起往下看吧。

創(chuàng)新互聯(lián)主營婁星網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都app軟件開發(fā),婁星h5重慶小程序開發(fā)搭建,婁星網(wǎng)站營銷推廣歡迎婁星等地區(qū)企業(yè)咨詢

 

知識點(diǎn)一、前端基礎(chǔ)：Html、CSS和JS

1、html語義化標(biāo)簽的理解、結(jié)構(gòu)化的理解；能否寫出簡潔的html結(jié)構(gòu)；SEO優(yōu)化。

2、h7中新增的屬性，如自定義屬性data、類名className等；新增表單元素；拖拽Drag。

3、h7中新增的API、修改的API、廢棄的API稍作了解（離線存儲、audio、video）。

3、CSS選擇器（三大特性）。

4、BFC機(jī)制。

5、盒模型。

6、CSS模塊化開發(fā)（封裝）；SCSS和LESS的使用。

7、屏幕適配以及頁面自適應(yīng)。

8、CSS3中新增的選擇器。

9、CSS3中新增的屬性，transform、trasition、animation等。

10、變量數(shù)據(jù)類型及檢測：基本 +引用。

11、運(yùn)算符：算術(shù) +條件 +邏輯 +位 +短路、隱式轉(zhuǎn)換等。

12、條件、循環(huán)、異常處理if、switch(){case xxx:}、try、catch、finally、throw。

13、函數(shù)定義、調(diào)用方式（apply、call、直接調(diào)用）；傳參：實(shí)參給形參賦值。

14、字符串、數(shù)組、對象常用API。

15、正則表達(dá)式。

知識點(diǎn)二、布局

1、標(biāo)準(zhǔn)文檔流（padding + margin +負(fù)margin）+浮動float +定位 left + right + top + bottom。

2、百分比布局：px單位用%num代替，占父級元素的百分比。

3、flex彈性布局：主軸、輔助軸的幾個(gè)屬性。

4、grid柵格布局：使用框架中的類名來替代，本質(zhì)上還是百分比布局。

知識點(diǎn)三、JS高級

1、作用域、作用域鏈、閉包。

2、原型、原型鏈、繼承。

3、函數(shù)上下文、this指向。

4、js的運(yùn)行機(jī)制、事件隊(duì)列和循環(huán)。

5、Ajax原理、axios庫。

6、同步、異步編程。

7、jQuery源碼學(xué)習(xí)。

知識點(diǎn)四、瀏覽器

1、瀏覽器的構(gòu)成和運(yùn)行機(jī)制。

2、瀏覽器內(nèi)核。

3、瀏覽器交互：BOM和DOM相關(guān)webApi、監(jiān)聽事件。

4、瀏覽器緩存機(jī)制。

5、瀏覽器的渲染原理。

6、瀏覽器的安全性：跨域和攻擊。

知識點(diǎn)五、網(wǎng)絡(luò)協(xié)議

1、HTTP協(xié)議。

2、cookie、session、token。

知識點(diǎn)六、ES6語法

1、字符串、數(shù)組、對象擴(kuò)展的api。

2、變量擴(kuò)展：let、const解構(gòu)賦值，塊級作用域。

3、函數(shù)擴(kuò)展：箭頭函數(shù)默認(rèn)參數(shù)、rest參數(shù)。

4、展開運(yùn)算符、模板字符串。

5、set和map數(shù)據(jù)結(jié)構(gòu)。

6、迭代器和生成器函數(shù)next和yield的理解。

7、proxy對象屬性代理器：屬性的讀?。╣et）和設(shè)置（set）相關(guān)操作。

8、promise對象、異步編程的解決方案。

9、async + await：異步編程的終極方案promise + generator的語法糖。

10、class語法、構(gòu)造函數(shù)的語法糖。

11、模塊化編程export + import的導(dǎo)出和導(dǎo)入。

知識點(diǎn)七、VUE基礎(chǔ)

1、基本指令。

2、實(shí)例的屬性和方法。

3、實(shí)例的生命周期。

4、組件基礎(chǔ)：創(chuàng)建、注冊、添加屬性方法、套用等。

5、組件通信傳值，父子、兄弟、跨級。

6、插槽slot等。

知識點(diǎn)八、VUE高級

1、vue-router：搭建SPA

2、vuex：狀態(tài)管理、數(shù)據(jù)倉庫store

3、數(shù)據(jù)響應(yīng)式原理。

4、virtual dom。

5、diff算法。

6、nextTick等等。

關(guān)于前端面試經(jīng)常會碰到的問題就分享到這里了，當(dāng)然并不止以上和大家分析的辦法，不過小編可以保證其準(zhǔn)確性是絕對沒問題的。希望以上內(nèi)容可以對大家有一定的參考價(jià)值，可以學(xué)以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。

網(wǎng)頁題目：前端面試經(jīng)常會碰到的問題
文章網(wǎng)址：http://muchs.cn/article44/jooche.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、動態(tài)網(wǎng)站、網(wǎng)站排名、企業(yè)建站、域名注冊、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)