前端面试题2_附件.doc

2014年最新前端开发面试题（面霸题库） 欢迎加入Javascript前端技术，群号为 本人博客已经迁移至jruif.github.io The last time that refresh: 2014/3/11 13:47:07 本文总结了一些常见前端面试（多数源于网络），希望阅后也要用心钻研其中的原理，重要知识需要系统学习，透彻学习，形成自己的知识链。万不可投机取巧。只求当时过关，非长久之计也！面试有几点需要注意：（来源程劭非老师 Github:@wintercn | Weibo:寒冬winter）面试题目： 根据你的等级和职位变化，入门级到专家级：范围↑、深度↑、方向↑。题目类型： 技术视野、项目细节、理论知识型题，算法题，开放性题，案例题。进行追问： 可以确保问到你开始不懂或者面试官开始不懂为止，这样可以大大延展题目的区分度和深度，知道你的实际能力。因为这种关联知识是长时期的学习，绝对不是临时记得住。回答问题再棒，面试官（一般是你的直接领导面试），会考虑我要不要这个人做我的同事？所以态度很重要。（感觉像是相亲一样）资深的工程师能把absolute和relative弄混，这样的人不要也罢，因为团队需要的你这个人具有可以依靠的才能（靠谱）。另外：资料刚刚收集，覆盖面比较广，包括了web端、移动端的知识点，根据你自己的需要选择性阅读即可。再次提一下： 看 或 背 面试题不像学校考试，死记硬背是没什么用的，看面试题是对理论知识的总结让自己表达的时候知道怎么说。答案有些不够正确和全面，问题问的不够好，欢迎补充你所知道的答案、技巧、题目；最好是现在网上找不到的。格式不断修改更新中。 HTML、CSS部分要点：对Web标准的理解、浏览器差异、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端开发 技术等1.Doctype作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? （1）、!DOCTYPE 声明位于文档中的最前面，处于 html 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。 （2）、严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。 （3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。 （4）、DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。 2.行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？（1）CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，比如div默认display属性值为“block”，成为“块级”元素；span默认display属性值为“inline”，是“行内”元素。 （2）行内元素有：a b span img input select strong（强调的语气） 块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p （3）知名的空元素： br hr img input link meta 鲜为人知的是： area base col command embed keygen param source track wbr 3.CSS的盒子模型？（1）两种， IE 盒子模型、标准 W3C 盒子模型；IE 的content部分包含了 border 和 pading; （2）盒模型： 内容(content)、填充(padding)、边界(margin)、 边框(border). 4.link 和@import 的区别是? （1）、link属于XHTML标签，而@import是CSS提供的; （2）、页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载; （3）、import只在IE5以上才能识别，而link是XHTML标签，无兼容问题; （4）、link方式的样式的权重 高于@import的权重. 5.CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？ * 1.id选择器（ # myid） 2.类选择器（.myclassname） 3.标签选择器（div, h1, p） 4.相邻选择器（h1 + p） 5.子选择器（ul li） 6.后代选择器（li a） 7.通配符选择器（ * ） 8.属性选择器（a[rel = external]） 9.伪类选择器（a: hover, li: