19年度阿里前端面試題:網絡+框架+JS(ES6、ES5)+CSS

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)進行值複製


分享到:


相關文章: