寫在前面

金三銀四熄浓，又到了一年一度的跳槽季糜芳，相信大家都在準備自己的面試筆記鲁纠，我也針對自己工作中所掌握或了解的一些東西做了一個目錄總結，方便自己復習疹味。詳細內(nèi)容會在之后一一對應地補充上去（有些在我的個人主頁筆記中也有相關記錄）仅叫，這里暫且放一個我的面試知識點目錄，大家有興趣可以自己根據(jù)目錄去擴展糙捺。歡迎在評論下方指點一二诫咱，看還有哪些沒考慮到的，互相交流一哈...

基本功考察

1.關于Html

1洪灯、html語義化標簽的理解坎缭、結構化的理解竟痰；能否寫出簡潔的html結構；SEO優(yōu)化掏呼。

2坏快、h5中新增的屬性，如自定義屬性data憎夷、類名className等莽鸿；新增表單元素；拖拽Drag拾给。

3祥得、h5中新增的API、修改的API蒋得、廢棄的API稍作了解（離線存儲级及、audio、video）额衙。

2.關于CSS

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

2窍侧、BFC機制县踢。

3、盒模型疏之。

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

5、屏幕適配以及頁面自適應爸业。

6其骄、CSS3中新增的選擇器。

7扯旷、CSS3中新增的屬性拯爽，transform、trasition钧忽、animation等毯炮。

3.關于布局

1、標準文檔流（padding + margin + 負margin）+ 浮動float + 定位 left + right + top + bottom耸黑。

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

3为迈、flex彈性布局：主軸、輔助軸的幾個屬性。

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

4.關于JS基礎

1耿战、變量數(shù)據(jù)類型及檢測：基本 + 引用蛋叼。

2、運算符：算術 + 條件 + 邏輯 + 位 + 短路剂陡、隱式轉(zhuǎn)換等鸦列。

3、條件鹏倘、循環(huán)薯嗤、異常處理if、switch(){case xxx:}纤泵、try骆姐、catch、finally捏题、throw玻褪。

4、函數(shù)定義公荧、調(diào)用方式（apply带射、call、直接調(diào)用）循狰；傳參：實參給形參賦值窟社。

5、字符串绪钥、數(shù)組灿里、對象常用API。

6程腹、正則表達式匣吊。

5.關于JS高級

1、作用域寸潦、作用域鏈色鸳、閉包。

2见转、原型命雀、原型鏈、繼承池户。

3咏雌、函數(shù)上下文凡怎、this指向。

4赊抖、js的運行機制统倒、事件隊列和循環(huán)。

5氛雪、Ajax原理房匆、axios庫。

6报亩、同步浴鸿、異步編程。

7弦追、jQuery源碼學習岳链。

6.關于瀏覽器

1、瀏覽器的構成和運行機制劲件。

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

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

4牵辣、瀏覽器緩存機制摔癣。

5、瀏覽器的渲染原理纬向。

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

7.關于網(wǎng)絡協(xié)議

1罢猪、HTTP協(xié)議近她。

2、cookie膳帕、session、token薇缅。

8.關于ES6語法

1危彩、字符串、數(shù)組泳桦、對象擴展的api汤徽。

2、變量擴展：let灸撰、const解構賦值谒府，塊級作用域拼坎。

3、函數(shù)擴展：箭頭函數(shù)默認參數(shù)完疫、rest參數(shù)泰鸡。

4、展開運算符壳鹤、模板字符串盛龄。

5、set和map數(shù)據(jù)結構芳誓。

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

7锹淌、proxy對象屬性代理器：屬性的讀饶渲怠（get）和設置（set）相關操作。

8赂摆、promise對象挟憔、異步編程的解決方案。

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

10、class語法褥符、構造函數(shù)的語法糖龙誊。

11、模塊化編程export + import的導出和導入喷楣。

9.VUE基礎

1趟大、基本指令。

2铣焊、實例的屬性和方法逊朽。

3、實例的生命周期曲伊。

4叽讳、組件基礎：創(chuàng)建、注冊坟募、添加屬性方法岛蚤、套用等。

5懈糯、組件通信傳值涤妒，父子、兄弟赚哗、跨級她紫。

6硅堆、插槽slot等。

10.VUE高級

1贿讹、vue-router：搭建SPA

路由渐逃、組件的配置。

路由間的傳值围详。

路由跳轉(zhuǎn)朴乖。

路由的導航守衛(wèi)。

記住在router.js和組件頁面中的使用方式助赞。

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

實例化倉庫的5大屬性的使用雹食。

state畜普、getters、mutations群叶、actions吃挑、modules。

輔助函數(shù)mapState等街立，倉庫中計算屬性的映射舶衬、方便操作。

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

11.VUE深入逛犹、源碼閱讀

1、數(shù)據(jù)響應式原理梁剔。

2虽画、virtual dom。

3荣病、diff 算法码撰。

4、nextTick等等个盆。

工程能力考察

1.項目能力
1脖岛、vue-cli腳手架搭建和功能配置vue.config.js。

2颊亮、webpack的常用配置鸡岗。

3、項目構建打包编兄。

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

5狠鸳、UI框架：Bootstrap揣苏、MUI、Element-ui等件舵。

6卸察、常用的插件整理；整理一個自己插件庫铅祸，封裝自己的方法庫坑质、組件庫。

7临梗、常用的工具熟練度涡扼。

8、PC端和移動端開發(fā)注意事項盟庞。

9吃沪、經(jīng)驗總結：快速確定項目的技術選型。

10什猖、坑點總結：項目遇到坑坑坑票彪！

11、項目中的性能優(yōu)化記錄（都是細節(jié)點不狮，多記錄）降铸。

12、需求文檔的理解摇零，可以結合項目流程圖推掸、UML圖。

13遂黍、問題解決能力：bug定位調(diào)試终佛、查找文檔、尋求他人雾家。

14铃彰、記錄習慣養(yǎng)成。

2.模塊化芯咧、組件化開發(fā)能力
1牙捉、項目分類；各類文件整理敬飒、分類邪铲。

2、各類功能封裝无拗。

3带到、組件和功能模塊的抽離、解耦英染、復用揽惹。

內(nèi)功考察
1.面向?qū)ο蟮木幊趟枷?br> 1被饿、類的抽象。

2搪搏、對象的封裝狭握、繼承。

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

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

3.數(shù)據(jù)結構和算法
1挠说、學習常用的排序搜索算法澡谭、順序表、鏈表损俭、棧蛙奖、隊列、樹杆兵、堆等雁仲。

2、考驗你的抽象思維和數(shù)學功底琐脏。

3攒砖、將現(xiàn)實需求抽象成計算機代碼的思維能力。

附加技能考察
1.學習能力
1日裙、持續(xù)學習的態(tài)度——博客吹艇、筆記記錄。

2昂拂、技術論壇活躍度高受神、問答多。

3格侯、GitHub開源項目參與鼻听。

2.了解一門后端語言
1、python联四、node.js撑碴、php等。

2朝墩、數(shù)據(jù)庫mysql醉拓、redis、mongodb；sql的操作語句廉嚼、mongodb的操作語句玫镐、redis的操作語句。

3怠噪、node + express搭建本地服務等。

4杜跷、python + django + request + scrapy傍念。

3.系統(tǒng)編程
1、Linux命令行操作葛闷、系統(tǒng)文件管理憋槐。

2、多任務淑趾、多線程阳仔、多進程、協(xié)程扣泊、并發(fā)近范、并行、串行延蟹、同步、異步等概念的理解。