金九銀十，又到了一年一度的跳槽季，相信大家都在準(zhǔn)備自己的面試筆記，我也針對(duì)自己工作中所掌握或了解的一些東西做了一個(gè)目錄總結(jié)，方便自己復(fù)習(xí)。

這里暫且放一個(gè)我的面試知識(shí)點(diǎn)目錄，大家有興趣可以自己根據(jù)目錄去擴(kuò)展。

一、基本功考察

1.關(guān)于Html

1、html語(yǔ)義化標(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）。

2.關(guān)于CSS

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

2、BFC機(jī)制。

3、盒模型。

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

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

6、CSS3中新增的選擇器。

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

3.關(guā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柵格布局：使用框架中的類名來(lái)替代，本質(zhì)上還是百分比布局。

4.關(guān)于JS基礎(chǔ)

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

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

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

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

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

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

5.關(guān)于JS高級(jí)

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

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

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

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

5、Ajax原理、axios庫(kù)。

6、同步、異步編程。

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

6.關(guān)于瀏覽器

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

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

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

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

5、瀏覽器的渲染原理。

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

7.關(guān)于網(wǎng)絡(luò)協(xié)議

1、HTTP協(xié)議。

2、cookie、session、token。

8.關(guān)于ES6語(yǔ)法

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

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

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

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

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

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

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

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

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

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

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

9.VUE基礎(chǔ)

1、基本指令。

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

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

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

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

6、插槽slot等。

10.VUE高級(jí)

1、vue-router：搭建SPA

• 路由、組件的配置。

• 路由間的傳值。

• 路由跳轉(zhuǎn)。

• 路由的導(dǎo)航守衛(wèi)。

• 記住在router.js和組件頁(yè)面中的使用方式。

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

• 實(shí)例化倉(cāng)庫(kù)的5大屬性的使用。

• state、getters、mutations、actions、modules。

• 輔助函數(shù)mapState等，倉(cāng)庫(kù)中計(jì)算屬性的映射、方便操作。

• 記住在store.js和組件中使用方式。

11.VUE深入、源碼閱讀

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

2、virtual dom。

3、diff 算法。

4、nextTick等等。

二、工程能力考察

1.項(xiàng)目能力

1、vue-cli腳手架搭建和功能配置vue.config.js。

2、webpack的常用配置。

3、項(xiàng)目構(gòu)建打包。

4、熟悉各類框架的文檔。

5、UI框架：Bootstrap、MUI、Element-ui等。

6、常用的插件整理；整理一個(gè)自己插件庫(kù)，封裝自己的方法庫(kù)、組件庫(kù)。

7、常用的工具熟練度。

8、PC端和移動(dòng)端開(kāi)發(fā)注意事項(xiàng)。

9、經(jīng)驗(yàn)總結(jié)：快速確定項(xiàng)目的技術(shù)選型。

10、坑點(diǎn)總結(jié)：項(xiàng)目遇到坑坑坑！

11、項(xiàng)目中的性能優(yōu)化記錄（都是細(xì)節(jié)點(diǎn)，多記錄）。

12、需求文檔的理解，可以結(jié)合項(xiàng)目流程圖、UML圖。

13、問(wèn)題解決能力：bug定位調(diào)試、查找文檔、尋求他人。

14、記錄習(xí)慣養(yǎng)成。

2.模塊化、組件化開(kāi)發(fā)能力

1、項(xiàng)目分類；各類文件整理、分類。

2、各類功能封裝。

3、組件和功能模塊的抽離、解耦、復(fù)用。

三、內(nèi)功考察

1.面向?qū)ο蟮木幊趟枷?/span>

1、類的抽象。

2、對(duì)象的封裝、繼承。

3、為了更好的去管理數(shù)據(jù)、分類數(shù)據(jù)，實(shí)現(xiàn)高內(nèi)聚、低耦合。

2.設(shè)計(jì)模式

設(shè)計(jì)模式感覺(jué)也是將面向?qū)ο笏枷朐俣瘸橄蟪涩F(xiàn)實(shí)中某些特定模式。

3.數(shù)據(jù)結(jié)構(gòu)和算法

1、學(xué)習(xí)常用的排序搜索算法、順序表、鏈表、棧、隊(duì)列、樹(shù)、堆等。

2、考驗(yàn)?zāi)愕某橄笏季S和數(shù)學(xué)功底。

3、將現(xiàn)實(shí)需求抽象成計(jì)算機(jī)代碼的思維能力。

四、附加技能考察

1.學(xué)習(xí)能力

1、持續(xù)學(xué)習(xí)的態(tài)度——博客、筆記記錄。

2、技術(shù)論壇活躍度高、問(wèn)答多。

3、GitHub開(kāi)源項(xiàng)目參與。

2.了解一門后端語(yǔ)言

1、python、node.js、php等。

2、數(shù)據(jù)庫(kù)mysql、redis、mongodb；sql的操作語(yǔ)句、mongodb的操作語(yǔ)句、redis的操作語(yǔ)句。

3、node + express搭建本地服務(wù)等。

4、python + django + request + scrapy。

3.系統(tǒng)編程

1、Linux命令行操作、系統(tǒng)文件管理。

2、多任務(wù)、多線程、多進(jìn)程、協(xié)程、并發(fā)、并行、串行、同步、異步等概念的理解。