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原理及常用hacklink 與 @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、awaitGeneratorES5、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)進行值複製把