前言

本文主要是javascript和css方面的基礎(chǔ)面試題，適合面試前以及平時復(fù)習(xí)食用。

基礎(chǔ)知識是前端一面必問的，如果你在基礎(chǔ)知識這一塊翻車了，就算你框架玩的再6，webpack、git、node學(xué)習(xí)的再好也無濟(jì)于事，因為對方就不會再給你展示的機(jī)會，千萬不要因為基礎(chǔ)錯過了自己心怡的公司。前端的基礎(chǔ)知識雜且多，并不是理解就ok了，有些是真的要去記。當(dāng)然了我們是牛x的前端工程師，每天像背英語單詞一樣去背知識點就沒必要了，只要平時工作中多注意總結(jié)，面試前端刷下題目就可以了。

什么？你問我要好的面試題文章，這不是就在你眼前嗎

面試準(zhǔn)備

1）準(zhǔn)備面試簡歷：

• 個人基本信息：如姓名、年齡、聯(lián)系電話、郵箱，專業(yè)，學(xué)校等
• 工作經(jīng)歷：包括工作時間、公司、崗位、職責(zé)、技術(shù)棧、突出業(yè)績等。
• 對工作理解和掌握情況：說明每個技能點是了解、熟悉、熟練使用、還是精通的水平。精準(zhǔn)定位應(yīng)聘崗位任職要求。
• 其他：技術(shù)博客、開源項目，GitHub等（如果你有寫博客的習(xí)慣，放上你的博客地址，是非常不錯的加分項）

2）知識點復(fù)習(xí)

• 前端知識點學(xué)習(xí)筆記
• 前端常見面試題整理
• 應(yīng)聘公司以往面試題針對性復(fù)習(xí)
• 以往面試經(jīng)驗總結(jié)回顧，吸取經(jīng)驗教訓(xùn)

3）調(diào)整好心態(tài)
過度自信和極度自卑都不會給面試帶來好的結(jié)果，只有明確自己的目標(biāo)并積極備戰(zhàn)，才能更有可能拿到offer。即使面試失敗了也不要氣餒，而是要從失敗的經(jīng)歷中總結(jié)經(jīng)驗，每一次的面試失敗都可能是你下一次面試成功的鋪墊。

基礎(chǔ)面試題

HTML

1，你如何理解HTML結(jié)構(gòu)的語義化
2，說說 title 和 alt 屬性
3，Html5 有哪些新特性、移除了哪些元素
4，Label的作用是什么？是怎么用的？
5，瀏覽器是怎么對 Html5 的離線儲存資源進(jìn)行管理和加載的呢
6，iframe有那些缺點？
7，HTML W3C的標(biāo)準(zhǔn)
8，Doctype作用? 嚴(yán)格模式與混雜模式如何區(qū)分？它們有何意義?
9，HTML全局屬性(global attribute)有哪些
10，viewport的content屬性作用
11，meta 相關(guān)
12，div+css的布局較table布局有什么優(yōu)點
13，簡述一下src與href的區(qū)別
14，知道的網(wǎng)頁制作會用到的圖片格式有哪些
15， 如何在 HTML5頁面中嵌入音頻與視頻？

CSS

1，水平居中的方法
2，垂直居中的方法
3，link 與 @import 的區(qū)別
4，三列布局（中間固定兩邊自適應(yīng)寬度）
5，BFC 有什么用
6，清除浮動的幾種方式
7，CSS3有哪些新特性
8，css3 新增偽類 - 偽元素
9，為什么要初始化CSS樣式
10，IE盒子模型 、W3C盒子模型
11，請解釋一下CSS3的Flexbox（彈性盒布局模型）,以及適用場景
12，display:inline-block 什么時候不會顯示間隙？
13，行內(nèi)元素float:left后是否變?yōu)閴K級元素？
14，如果需要手動寫動畫，你認(rèn)為最小時間間隔是多久，為什么？
15，display:inline-block 什么時候會顯示間隙？
16，CSS權(quán)重，計算規(guī)則
17，Sass、LESS是什么？大家為什么要使用他們？
18，stylus，sass，less區(qū)別
19，rgba() 和 opacity 的透明效果有什么不同？
20，px和em的區(qū)別
21，使用css實現(xiàn)一個持續(xù)的動畫效果
22，重排和重繪
23，什么情況會觸發(fā)重排和重繪？

JavaScript

1，說幾條JavaScript的基本規(guī)范
2，閉包
3，變量對象
4，作用域
5，說說你對作用域鏈的理解
6，JavaScript原型，原型鏈 ? 有什么特點？
7，什么是事件委托
8，類的創(chuàng)建
9，如何實現(xiàn)繼承？
10，談?wù)凾his對象的理解
11，事件模型
12，new操作符具體干了什么呢?
13，Ajax原理
14，Ajax解決瀏覽器緩存問題
15，如何解決跨域問題?
16，說說你對AMD和Commonjs的理解
17，js的7種基本數(shù)據(jù)類型
18，介紹js有哪些內(nèi)置對象
19，JS有哪些方法定義對象
20，你覺得jQuery源碼有哪些寫的好的地方
21，null，undefined 的區(qū)別
22，談?wù)勀銓S6的理解
23，面向?qū)ο缶幊趟枷?/strong>
24，如何通過JS判斷一個數(shù)組
25，異步編程的實現(xiàn)方式
26，對原生Javascript了解方向
27，sort 快速打亂數(shù)組
28，數(shù)組去重操作
29，JS 原生拖拽節(jié)點
30，深拷貝、淺拷貝
31，節(jié)流防抖
32，變量提升
33，JS中的垃圾回收機(jī)制
34，如何理解前端模塊化
35，js單線程
36，說說event loop
37，描述下this
38，ajax、axios、fetch區(qū)別