前端开发面试题汇总.pdf

前端面试题汇总 一、HTML和CSS 19 1、你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? 19 2、每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ 19 3、Quirks模式是什么？它和Standards模式有什么区别 19 4、div+css的布局较table布局有什么优点？ 20 5、 img的alt与title有何异同？ strong与em 的异同？ 20 6、你能描述一下渐进增强和优雅降级之间的不同吗? 20 7、为什么利用多个域名来存储网站资源会更有效？ 21 8、请谈一下你对网页标准和标准制定机构重要性的理解。 21 9、请描述一下cookies，sessionStorage和localStorage的区别？ 21 10、简述一下src与href的区别。22 11、知道的网页制作会用到的图片格式有哪些？ 22 12、知道什么是微格式吗？谈谈理解。在前端构建中应该考虑微格式吗？23 13、在css/js代码上线之后开发人员经常会优化性能，从用户刷新网页开始，一次js 请求一般情况下有哪些地方会有缓存处理？ 23 14、一个页面上有大量的图片 （大型电商网站），加载很慢，你有哪些方法优化这些图 片的加载，给用户更好的体验。23 15、你如何理解HTML结构的语义化？ 23 16、谈谈以前端角度出发做好SEO需要考虑什么？ 24 17、有哪项方式可以对一个DOM设置它的CSS样式？ 26 18、CSS都有哪些选择器？26 19、CSS 中可以通过哪些属性定义，使得一个DOM元素不显示在浏览器可视范围内？27 20、超链接访问过后hover样式就不出现的问题是什么？如何解决？ 27 21、什么是Css Hack？ie6,7,8的hack分别是什么？ 27 22、请用Css写一个简单的幻灯片效果页面 28 24、行内元素和块级元素的具体区别是什么？行内元素的padding和margin可设置吗？ 29 25、什么是外边距重叠？重叠的结果是什么？ 29 26、rgba()和opacity的透明效果有什么不同？ 29 27、css中可以让文字在垂直和水平方向上重叠的两个属性是什么？ 30 28、如何垂直居中一个浮动元素？30 29、px和em 的区别。31 30、描述一个”reset”的CSS文件并如何使用它。知道normalize.css吗？你了解他 们的不同之处？31 31、Sass、LESS是什么？大家为什么要使用他们？ 31 32、display:none与visibility:hidden 的区别是什么？ 32 34、CSS 中link和@import的区别是： 32 35、简介盒子模型：32 36、为什么要初始化样式？33 37、BFC是什么?33 38、html语义化是什么？33 39、Doctype的作用？严格模式与混杂模式的区别？ 34 40、IE 的双边距BUG：块级元素float后设置横向margin，ie6显示的margin 比设置 的较大。解决：加入_display：inline 34 41、HTML与XHTML——二者有什么区别？ 34 42、html常见兼容性问题？34 43、对WEB标准以及W3C 的理解与认识 35 44、行内元素有哪些?块级元素有哪些?CSS的盒模型? 35 45、前端页面有哪三层构成，分别是什么?作用是什么? 35 46、Doctype作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?35 47、行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ 35 48、CSS的盒子模型？36 49、CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有 那些？ 36 50、如何居中div,如何居中一个浮动元素? 36 51、浏览器的内核分别是什么?经常遇到的浏