1. sass和scss的區別
2. react 的生命周期函數及其作用
3. es6嚴格模式的特點? 參考網址: http://www.ruanyifeng.com/blog/2013/01/javascript_strict_mode.html
4. call和apply的異同
5. react和vue的異同
6. redux
7. 圖片的垂直水平居中
8. 圖片垂直居中底部會有一條黑線,怎么處理?
可以給圖片設置css屬性:
img {
vertical-align: bottom;
}
或者把圖片設置成 block也可以就解決這個問題,但是不推薦這樣做。
9. 怎么實現并發
10. 對象的深度復制?
11. 為什么要清除浮動, 清除浮動的方法 ? 參考地址:http://www.mamicode.com/info-detail-1124733.html
萬能清除浮動的方法:?
.clearFloat:after {
? ? ? ? content: '';
? ? ? ? display: block;
? ? ? ? height: 0;
? ? ? ? visibility: hidden;
? ? ? ? clear: both;
}
.clearFloat {
? ? ?zoom: 1;
}
12. webpack和gulp的區別?
gulp
gulp強調的是前端開發的工作流程,我們可以通過配置一系列的task,定義task處理的事務(例如文件壓縮合并、雪碧圖、啟動server、版本控制等),然后定義執行順序,來讓gulp執行這些task,從而構建項目的整個前端開發流程。
PS:簡單說就一個Task Runner
webpack
webpack是一個前端模塊化方案,更側重模塊打包,我們可以把開發中的所有資源(圖片、js文件、css文件等)都看成模塊,通過loader(加載器)和plugins(插件)對資源進行處理,打包成符合生產環境部署的前端資源。
PS:webpack is a module bundle
兩者區別
雖然都是前端自動化構建工具,但看他們的定位就知道不是對等的。gulp嚴格上講,模塊化不是他強調的東西,他旨在規范前端開發流程。webpack更是明顯強調模塊化開發,而那些文件壓縮合并、預處理等功能,不過是他附帶的功能。
13. css hack ? ?參考網址: http://www.cnblogs.com/dolphinX/p/3292630.html
14. px和em的區別: px像素(Pixel)。相對長度單位。像素px是相對于顯示器屏幕分辨率而言的,em是相對長度單位。相對于當前對象內文本的字體尺寸。如當前對行內文本的字體尺寸未被人為設置,則相對于瀏覽器的默認字體尺寸。參考網址:http://www.cnblogs.com/leejersey/p/3662612.html
15. css sprites (雪碧圖)
16. 冒泡和捕獲? 參考網址: http://www.cnblogs.com/qq9694526/p/5653728.html
17. event.preventDefault()和event.stopPropagation()事件的作用
18. IE9及其以下不支持placeholder的問題? http://www.cnblogs.com/larennani/p/6839139.html
19. 瀏覽器緩存設置: 參考網址: http://www.renfei.org/blog/http-caching.html
20. http請求頭的信息包括哪些? 參考文檔: http://www.runoob.com/http/http-header-fields.html??
21. call和apply和bind用法以及區別? 參考網址: http://cherryblog.site/call-apply-bind-this.html#more
http://blog.csdn.net/u014267183/article/details/52610600
22. 瀏覽器的reflow和repaint
23. Dom和Bom的概念 ??
BOM是瀏覽器對象模型,用來獲取或設置瀏覽器的屬性、行為,例如:新建窗口、獲取屏幕分辨率、瀏覽器版本號等。 DOM是文檔對象模型,用來獲取或設置文檔中標簽的屬性,例如獲取或者設置input表單的value值。 BOM的內容不多,主要還是DOM。 由于DOM的操作對象是文檔(Document),所以dom和瀏覽器沒有直接關系。