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和浏览器没有直接关系。