寫在前面
金三銀四，又到了一年一度的跳槽季巢墅，相信大家都在準(zhǔn)備自己的面試筆記夫啊，我也針對自己工作中所掌握或了解的一些東西做了一個目錄總結(jié)顿肺，方便自己復(fù)習(xí)。詳細(xì)內(nèi)容會在之后一一對應(yīng)地補(bǔ)充上去（有些在我的個人主頁筆記中也有相關(guān)記錄）性昭，這里暫且放一個我的面試知識點(diǎn)目錄拦止，大家有興趣可以自己根據(jù)目錄去擴(kuò)展。歡迎在評論下方指點(diǎn)一二糜颠，看還有哪些沒考慮到的汹族，互相交流一哈...
基本功考察
1.關(guān)于Html
1、html語義化標(biāo)簽的理解其兴、結(jié)構(gòu)化的理解顶瞒；能否寫出簡潔的html結(jié)構(gòu)；SEO優(yōu)化元旬。
2榴徐、h5中新增的屬性，如自定義屬性data匀归、類名className等坑资；新增表單元素；拖拽Drag穆端。
3袱贮、h5中新增的API、修改的API体啰、廢棄的API稍作了解（離線存儲攒巍、audio嗽仪、video）。
2.關(guān)于CSS
1窑业、CSS選擇器（三大特性）钦幔。
2枕屉、BFC機(jī)制常柄。
3、盒模型搀擂。
4西潘、CSS模塊化開發(fā)（封裝）；SCSS和LESS的使用哨颂。
5喷市、屏幕適配以及頁面自適應(yīng)。
6威恼、CSS3中新增的選擇器品姓。
7、CSS3中新增的屬性箫措，transform腹备、trasition、animation等斤蔓。
3.關(guān)于布局
1植酥、標(biāo)準(zhǔn)文檔流（padding?+?margin?+?負(fù)margin）+?浮動float?+?定位?left?+?right?+?top?+?bottom。
2弦牡、百分比布局：px單位用%num代替友驮，占父級元素的百分比。
3驾锰、flex彈性布局：主軸卸留、輔助軸的幾個屬性。
4椭豫、grid柵格布局：使用框架中的類名來替代艾猜，本質(zhì)上還是百分比布局。
4.關(guān)于JS基礎(chǔ)
1捻悯、變量數(shù)據(jù)類型及檢測：基本?+?引用匆赃。
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ù)組兵扬、對象常用API麻裳。
6、正則表達(dá)式器钟。
5.關(guān)于JS高級
1津坑、作用域、作用域鏈俱箱、閉包国瓮。
2、原型狞谱、原型鏈乃摹、繼承。
3跟衅、函數(shù)上下文孵睬、this指向。
4伶跷、js的運(yùn)行機(jī)制掰读、事件隊列和循環(huán)。
5叭莫、Ajax原理蹈集、axios庫。
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)聽事件嘴纺。
4、瀏覽器緩存機(jī)制叙甸。
5颖医、瀏覽器的渲染原理位衩。
6裆蒸、瀏覽器的安全性：跨域和攻擊。
7.關(guān)于網(wǎng)絡(luò)協(xié)議
1糖驴、HTTP協(xié)議僚祷。
2、cookie贮缕、session辙谜、token。
8.關(guā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對象屬性代理器：屬性的讀群┯洹（get）和設(shè)置（set）相關(guān)操作烦绳。
8、promise對象配紫、異步編程的解決方案径密。
9、async?+?await：異步編程的終極方案promise?+?generator的語法糖躺孝。
10享扔、class語法、構(gòu)造函數(shù)的語法糖植袍。
11惧眠、模塊化編程export?+?import的導(dǎo)出和導(dǎo)入。
9.VUE基礎(chǔ)
1于个、基本指令氛魁。
2、實(shí)例的屬性和方法厅篓。
3秀存、實(shí)例的生命周期。
4羽氮、組件基礎(chǔ)：創(chuàng)建或链、注冊、添加屬性方法档押、套用等澳盐。
5、組件通信傳值令宿，父子叼耙、兄弟、跨級掀淘。
6旬蟋、插槽slot等。
10.VUE高級
1革娄、vue-router：搭建SPA
路由倾贰、組件的配置。
路由間的傳值拦惋。
路由跳轉(zhuǎn)匆浙。
路由的導(dǎo)航守衛(wèi)。
記住在router.js和組件頁面中的使用方式厕妖。
2首尼、vuex：狀態(tài)管理、數(shù)據(jù)倉庫store
實(shí)例化倉庫的5大屬性的使用。
state软能、getters迎捺、mutations、actions查排、modules凳枝。
輔助函數(shù)mapState等，倉庫中計算屬性的映射跋核、方便操作岖瑰。
記住在store.js和組件中使用方式。
11.VUE深入砂代、源碼閱讀
1蹋订、數(shù)據(jù)響應(yīng)式原理。
2刻伊、virtual?dom露戒。
3、diff?算法娃圆。
4玫锋、nextTick等等蛾茉。
工程能力考察
1.項目能力
1讼呢、vue-cli腳手架搭建和功能配置vue.config.js。
2谦炬、webpack的常用配置悦屏。
3、項目構(gòu)建打包键思。
4础爬、熟悉各類框架的文檔。
5吼鳞、UI框架：Bootstrap看蚜、MUI、Element-ui等赔桌。
6供炎、常用的插件整理；整理一個自己插件庫疾党，封裝自己的方法庫音诫、組件庫。
7雪位、常用的工具熟練度竭钝。
8、PC端和移動端開發(fā)注意事項。
9香罐、經(jīng)驗總結(jié)：快速確定項目的技術(shù)選型卧波。
10、坑點(diǎn)總結(jié)：項目遇到坑坑坑庇茫！
11幽勒、項目中的性能優(yōu)化記錄（都是細(xì)節(jié)點(diǎn)，多記錄）港令。
12啥容、需求文檔的理解，可以結(jié)合項目流程圖顷霹、UML圖咪惠。
13、問題解決能力：bug定位調(diào)試淋淀、查找文檔遥昧、尋求他人。
14朵纷、記錄習(xí)慣養(yǎng)成炭臭。
2.模塊化、組件化開發(fā)能力
1袍辞、項目分類鞋仍；各類文件整理、分類搅吁。
2威创、各類功能封裝。
3谎懦、組件和功能模塊的抽離肚豺、解耦、復(fù)用界拦。
內(nèi)功考察
1.面向?qū)ο蟮木幊趟枷?/p>
1吸申、類的抽象。
2享甸、對象的封裝截碴、繼承。
3枪萄、為了更好的去管理數(shù)據(jù)隐岛、分類數(shù)據(jù)，實(shí)現(xiàn)高內(nèi)聚瓷翻、低耦合聚凹。
2.設(shè)計模式
設(shè)計模式感覺也是將面向?qū)ο笏枷朐俣瘸橄蟪涩F(xiàn)實(shí)中某些特定模式割坠。
3.數(shù)據(jù)結(jié)構(gòu)和算法
1、學(xué)習(xí)常用的排序搜索算法妒牙、順序表彼哼、鏈表、棧湘今、隊列敢朱、樹、堆等摩瞎。
2拴签、考驗?zāi)愕某橄笏季S和數(shù)學(xué)功底。
3旗们、將現(xiàn)實(shí)需求抽象成計算機(jī)代碼的思維能力蚓哩。
附加技能考察
1.學(xué)習(xí)能力
1、持續(xù)學(xué)習(xí)的態(tài)度——博客上渴、筆記記錄岸梨。
2、技術(shù)論壇活躍度高稠氮、問答多曹阔。
3、GitHub開源項目參與隔披。
2.了解一門后端語言
1赃份、python、node.js锹锰、php等芥炭。
2、數(shù)據(jù)庫mysql恃慧、redis、mongodb渺蒿；sql的操作語句痢士、mongodb的操作語句、redis的操作語句茂装。
3怠蹂、node?+?express搭建本地服務(wù)等。
4少态、python?+?django?+?request?+?scrapy城侧。
3.系統(tǒng)編程
1、Linux命令行操作彼妻、系統(tǒng)文件管理嫌佑。
2豆茫、多任務(wù)、多線程屋摇、多進(jìn)程揩魂、協(xié)程、并發(fā)炮温、并行火脉、串行、同步柒啤、異步等概念的理解倦挂。
擴(kuò)展閱讀
畢業(yè)一年左右的前端妹子面經(jīng)總結(jié)
一位程序猿面試螞蟻金服后端的經(jīng)驗總結(jié)！
來源：https://segmentfault.com/a/1190000018603454
