前言
本文主要是javascript和css方面的基礎面試題，適合面試前以及平時復習食用。
基礎知識是前端一面必問的，如果你在基礎知識這一塊翻車了，就算你框架玩的再6，webpack、git、node學習的再好也無濟于事，因為對方就不會再給你展示的機會，千萬不要因為基礎錯過了自己心怡的公司。前端的基礎知識雜且多，并不是理解就ok了，有些是真的要去記。當然了我們是牛x的前端工程師，每天像背英語單詞一樣去背知識點就沒必要了，只要平時工作中多注意總結，面試前端刷下題目就可以了。
什么？你問我要好的面試題文章，這不是就在你眼前嗎
面試準備
1）準備面試簡歷：
- 個人基本信息：如姓名、年齡、聯系電話、郵箱，專業，學校等
- 工作經歷：包括工作時間、公司、崗位、職責、技術棧、突出業績等。
- 對工作理解和掌握情況：說明每個技能點是了解、熟悉、熟練使用、還是精通的水平。精準定位應聘崗位任職要求。
- 其他：技術博客、開源項目，GitHub等（如果你有寫博客的習慣，放上你的博客地址，是非常不錯的加分項）
2）知識點復習
- 前端知識點學習筆記
- 前端常見面試題整理
- 應聘公司以往面試題針對性復習
- 以往面試經驗總結回顧，吸取經驗教訓
3）調整好心態
過度自信和極度自卑都不會給面試帶來好的結果，只有明確自己的目標并積極備戰，才能更有可能拿到offer。即使面試失敗了也不要氣餒，而是要從失敗的經歷中總結經驗，每一次的面試失敗都可能是你下一次面試成功的鋪墊。
基礎面試題
HTML
1，你如何理解HTML結構的語義化
2，說說 title 和 alt 屬性
3，Html5 有哪些新特性、移除了哪些元素
4，Label的作用是什么？是怎么用的？
5，瀏覽器是怎么對 Html5 的離線儲存資源進行管理和加載的呢
6，iframe有那些缺點？
7，HTML W3C的標準
8，Doctype作用? 嚴格模式與混雜模式如何區分？它們有何意義?
9，HTML全局屬性(global attribute)有哪些
10，viewport的content屬性作用
11，meta 相關
12，div+css的布局較table布局有什么優點
13，簡述一下src與href的區別
14，知道的網頁制作會用到的圖片格式有哪些
15， 如何在 HTML5頁面中嵌入音頻與視頻？
CSS
1，水平居中的方法
2，垂直居中的方法
3，link 與 @import 的區別
4，三列布局（中間固定兩邊自適應寬度）
5，BFC 有什么用
6，清除浮動的幾種方式
7，CSS3有哪些新特性
8，css3 新增偽類 - 偽元素
9，為什么要初始化CSS樣式
10，IE盒子模型 、W3C盒子模型
11，請解釋一下CSS3的Flexbox（彈性盒布局模型）,以及適用場景
12，display:inline-block 什么時候不會顯示間隙？
13，行內元素float:left后是否變為塊級元素？
14，如果需要手動寫動畫，你認為最小時間間隔是多久，為什么？
15，display:inline-block 什么時候會顯示間隙？
16，CSS權重，計算規則
17，Sass、LESS是什么？大家為什么要使用他們？
18，stylus，sass，less區別
19，rgba() 和 opacity 的透明效果有什么不同？
20，px和em的區別
21，使用css實現一個持續的動畫效果
22，重排和重繪
23，什么情況會觸發重排和重繪？
JavaScript
1，說幾條JavaScript的基本規范
2，閉包
3，變量對象
4，作用域
5，說說你對作用域鏈的理解
6，JavaScript原型，原型鏈 ? 有什么特點？
7，什么是事件委托
8，類的創建
9，如何實現繼承？
10，談談This對象的理解
11，事件模型
12，new操作符具體干了什么呢?
13，Ajax原理
14，Ajax解決瀏覽器緩存問題
15，如何解決跨域問題?
16，說說你對AMD和Commonjs的理解
17，js的7種基本數據類型
18，介紹js有哪些內置對象
19，JS有哪些方法定義對象
20，你覺得jQuery源碼有哪些寫的好的地方
21，null，undefined 的區別
22，談談你對ES6的理解
23，面向對象編程思想
24，如何通過JS判斷一個數組
25，異步編程的實現方式
26，對原生Javascript了解方向
27，sort 快速打亂數組
28，數組去重操作
29，JS 原生拖拽節點
30，深拷貝、淺拷貝
31，節流防抖
32，變量提升
33，JS中的垃圾回收機制
34，如何理解前端模塊化
35，js單線程
36，說說event loop
37，描述下this
38，ajax、axios、fetch區別
瀏覽器
1，瀏覽器存儲的方式有哪些
2，瀏覽器內核的理解
3，HTTP 的請求方式場景
4，HTTP狀態碼
5，從瀏覽器地址欄輸入URL后發生了什么？
6，請你談談Cookie的優缺點
7，cookies ， sessionStorage 和 localStorage 的區別
8，瀏覽器緩存
9，瀏覽器渲染的步驟
10，GET 和 POST 請求的區別
11，什么是reflow
12，什么時候會導致reflow發生呢？
13，減少reflow對性能的影響
性能優化
1，SEO優化
2，server優化
3，css優化
4，js方面
5，webpack優化點
6，加載優化
7，頁面渲染優化
8，圖片優化
9，腳本優化
10，為什么利用多個域名來存儲網站資源會更有效？
最后的最后
面試題千萬不要死記，一定要自己理解，用自己的方式表達出來，在這里預祝各位成功拿下自己心儀的offer。
需要完整面試題的朋友可以點擊藍色字體免費獲取
轉存中…(img-jc05zLa9-1622807182964)]
[外鏈圖片轉存中…(img-HZScDtEk-1622807182965)]
[外鏈圖片轉存中…(img-KdLphTCe-1622807182966)]
[外鏈圖片轉存中…(img-CV2KRwAH-1622807182967)]
