CSS相關
- 左邊定寬,右邊自適應方案:float + margin,float + calc
- 盒模型:content(元素內容) + padding(內邊距) + border(邊框) + margin(外邊距)
- BFC、IFC、GFC、FFC:FC(Formatting Contexts),格式化上下文
- display: none; 與 visibility: hidden; 的區別
- css hack原理及常用hack
- link 與 @import 的區別
- CSS有哪些繼承屬性
- display,float,position的關係
- 介紹一下標準的CSS的盒子模型?低版本IE的盒子模型有什麼不同的?
- CSS選擇符有哪些?哪些屬性可以繼承?
- CSS優先級算法如何計算?
- CSS3新增偽類有那些?
- 如何居中div?如何居中一個浮動元素?如何讓絕對定位的div居中?
- display有哪些值?說明他們的作用
- position的值relative和absolute定位原點是?
- CSS3有哪些新特性?
- 用純CSS創建一個三角形的原理是什麼?
- 一個滿屏 品 字佈局 如何設計?
- 經常遇到的瀏覽器的兼容性有哪些?原因,解決方法是什麼,常用hack的技巧 ?
- li與li之間有看不見的空白間隔是什麼原因引起的?有什麼解決辦法?
- 為什麼要初始化CSS樣式
- 對BFC規範(塊級格式化上下文:block formatting context)的理解?
- css定義的權重
- box-sizing 常用的屬性有哪些?分別有什麼作用?
JS (ES5、ES6)
- call,apply,bind 三者用法和區別
- 變量聲明提升
- async、await
- Generator
- ES5、ES6和ES2015有什麼區別?
- babel是什麼,有什麼作用?
- let有什麼用,有了var為什麼還要用let?
- 舉一些ES6對String字符串類型做的常用升級優化?
- 舉一些ES6對Array數組類型做的常用升級優化
- 舉一些ES6對Number數字類型做的常用升級優化
- 舉一些ES6對Object類型做的常用升級優化?(重要)
- 舉一些ES6對Function函數類型做的常用升級優化?
- Proxy是什麼,有什麼作用?
- Iterator是什麼,有什麼作用?
- Object.is() 與原來的比較操作符 ===、== 的區別?
- AMD,CMD,CommonJs,ES6 Module:解決原始無模塊化的痛點
- 檢測瀏覽器版本版本有哪些方式?
- 介紹JS有哪些內置對象?
- JavaScript有幾種類型的值?,你能畫一下他們的內存圖嗎?
- JavaScript如何實現一個類,怎麼實例化這個類?
- 什麼是 Window 對象? 什麼是 Document 對象?
- 介紹DOM0,DOM2,DOM3事件處理方式區別
- 介紹事件“捕獲”和“冒泡”執行順序和事件的執行次數?
- 在一個DOM上同時綁定兩個點擊事件:一個用捕獲,一個用冒泡。事件會執行幾次,先執行冒泡還是捕獲?
- 如何派發事件(dispatchEvent)?(如何進行事件廣播?)
- 什麼是函數節流?介紹一下應用場景和原理?
- 解釋一下這段代碼的意思嗎?
- JavaScript有幾種類型的值?,你能畫一下他們的內存圖嗎?
- Ajax 是什麼? 如何創建一個Ajax?
- 實現一個函數clone,可以對JavaScript中的5種主要的數據類型(包括Number、String、Object、Array、Boolean)進行值複製
- 把
閱讀更多 大前端面試官 的文章