隨著疫情的逐漸好轉(zhuǎn)，許多小伙伴也早已復(fù)工多時(shí)，面試招聘的機(jī)會(huì)也多了起來，大家都做好了面試準(zhǔn)備嗎？本文將為大家總結(jié)一下前端面試中常見的知識(shí)點(diǎn)，包括前端基礎(chǔ)、布局、JS高級(jí)、瀏覽器、網(wǎng)絡(luò)協(xié)議、ES6語法、VUE基礎(chǔ)和VUE高級(jí)等等，有需要的小伙伴可以接著看下去。

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

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

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

    3、h5中新增的API、修改的API、廢棄的API稍作了解（離線存儲(chǔ)、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ù)類型及檢測(cè)：基本+引用。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    5、Ajax原理、axios庫。

    6、同步、異步編程。

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

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

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

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

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

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

    5、瀏覽器的渲染原理。

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

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

    1、HTTP協(xié)議。

    2、cookie、session、token。

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

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

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

    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對(duì)象屬性代理器：屬性的讀取（get）和設(shè)置（set）相關(guān)操作。

    8、promise對(duì)象、異步編程的解決方案。

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

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

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

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

    1、基本指令。

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

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

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

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

    6、插槽slot等。

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

    1、vue-router：搭建SPA

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

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

    2、virtualdom。

    3、diff算法。

    4、nextTick等等。

　以上就是動(dòng)力節(jié)點(diǎn)java培訓(xùn)機(jī)構(gòu)的小編針對(duì)“web前端開發(fā)0基礎(chǔ)視頻教程，常見知識(shí)點(diǎn)總結(jié)”的內(nèi)容進(jìn)行的回答，希望對(duì)大家有所幫助，如有疑問，請(qǐng)?jiān)诰€咨詢，有專業(yè)老師隨時(shí)為你服務(wù)。

    web前端免費(fèi)視頻教程

    HTML：http://www.dabaquan.cn/v27/

    CSS：http://www.dabaquan.cn/v67/

    JavaScript：http://www.dabaquan.cn/v68/

    jQuery：http://www.dabaquan.cn/v30/

    Ajax：http://www.dabaquan.cn/v31/