一、css

download:https://www.97yrbl.com/t-1607.html
Css不是前端面試的重頭戲，但卻是前端基礎(chǔ)知識(shí)的必備，也是前端入門的最低門檻。如果你不 如果你連基本的css都不知道，面試官只會(huì)微笑著對(duì)你說些什么‘回去等通知吧’
基于盒子模型的傳統(tǒng)布局解決方案依賴于顯示屬性位置屬性和浮動(dòng)屬性。對(duì)于那些特殊的布局非常不方便，比如垂直居中不容易實(shí)現(xiàn)。但是可以實(shí)現(xiàn)兩行flex代碼
頁(yè)面布局
css盒模型
當(dāng)我第一次接觸CSS的時(shí)候，我沒有 看不懂CSS盒子模型，多次撞南墻。盒子模型是網(wǎng)頁(yè)布局的基礎(chǔ)，它定義了元素在頁(yè)面中的顯示方式如果掌握的好，使用CSS布局會(huì)容易很多。

H5適應(yīng)各種設(shè)備
BFC是一個(gè)塊級(jí)的格式化上下文和獨(dú)立的渲染區(qū)域，將BFC內(nèi)部的元素和外部的元素隔離開來，這樣內(nèi)外元素的定位就不會(huì)互相影響

CSS3動(dòng)畫
在CSS3出現(xiàn)之前，動(dòng)畫是通過JavaScript動(dòng)態(tài)改變?cè)氐臉邮綄傩詠硗瓿傻倪@種方法雖然可以實(shí)現(xiàn)動(dòng)畫，但是在性能上存在一些問題。CSS3的出現(xiàn)讓動(dòng)畫變得更簡(jiǎn)單，性能更好。

CSS預(yù)處理器
大家肯定都用過少和sass今天我們就從另一個(gè)角度來談?wù)勊麄?br/>

移動(dòng)端的問題
移動(dòng)端的web項(xiàng)目越來越多，設(shè)計(jì)師對(duì)UI的要求也越來越高，比如1px邊框。在高清屏幕下，移動(dòng)終端的1px會(huì)很厚
寫h5頁(yè)面的時(shí)候，頁(yè)面滾動(dòng)一定是開發(fā)者很頭疼的問題。特別是當(dāng)頁(yè)面布局深度嵌套，子元素從文檔流中分離出來時(shí)，我們得到的是元素距離值、控制滾動(dòng)條的各種錯(cuò)誤。明明代碼沒有問題，效果卻和預(yù)想的不一樣。這個(gè)時(shí)候你會(huì)覺得css怪怪的嗎。實(shí)際上，css有它自己的邏輯，但是你沒有我對(duì)它了解得不夠今天，我將帶你全面分析頁(yè)面滾動(dòng)。
那個(gè) 這是css文章的結(jié)尾，然后是前端面試的javascript

二、爪哇描述語(yǔ)言
Javascript是前端面試中當(dāng)之無愧的C位，也是前端程序員需要探索一生的語(yǔ)言。Js乍一看很容易理解，只有深入之后才能體會(huì)到它的神秘和美好讓 一起玩js由淺入深。
數(shù)據(jù)類型avascript的數(shù)據(jù)類型、數(shù)據(jù)檢查、深淺文案是js最基本的內(nèi)容。月薪4 K的前端開發(fā)者都知道的經(jīng)典面試問題“JavaScript有幾種類型”但是如果讓你手寫一份深度的文案，你能寫出來嗎
作用域
原型
繼承
new、this
callapplybind
這是什么
promise
Promise通常在工作中使用，一般只要你請(qǐng)求接口，現(xiàn)在的項(xiàng)目都會(huì)使用promise。也是平時(shí)面試中的高頻考點(diǎn)雖然經(jīng)常使用，但大多數(shù)人在面試中都會(huì)遇到原則性的問題。
諾言是?？停还苁钦０l(fā)展還是面試。所以有很多推薦的文章，大家這次一定要耐心看完。
英語(yǔ)好的同學(xué)可以看這個(gè)文檔
瀏覽器緩存機(jī)制
瀏覽器渲染原理
函數(shù)式編程
HTML5WebWorker
服務(wù)人員
面殺了個(gè)回馬槍，還是說說position:sticky吧
數(shù)據(jù)處理

我知道有很多內(nèi)容可以先收藏，但是一定要去看。當(dāng)你看完并理解了2020前端面試專題系列的所有文章，就沒有你能 將來過不去。所有的資源都給你整理好了如果你不 不學(xué)習(xí)，它 這有點(diǎn)不合理。

除了看上面為大家整理的內(nèi)容，也建議在?？圃诰€上刷題上面有一個(gè)前端工程師面試題庫(kù)，基本上總結(jié)了前端面試的所有問題，還有很多公司前端崗位面試的真題，非常實(shí)用