2015前端面试题(含答案).docx

XX 公司 XX 公司 产品部 Beijing 2015 前端面试题 2015 前端面试题 2015-02 2015 前端面试题2015-02 2015 前端面试题 2015-02 PAGE PAGE 10 /28 PAGE PAGE 11 /28 前端开发面试知识点大纲： 前端开发面试知识点大纲： HTMLCSS ： 对 对 Web 标准的理解、浏览器内核差异、兼容性、hack 、CSS 基本功：布局、盒子模型、选择器优先级及使用、HTML5 、 CSS3 CSS3 、移动端适应 JavaScript： JavaScript： 数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、 数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、 异步装载回调、模板引擎、Nodejs 异步装载回调、模板引擎、Nodejs 、JSON 、ajax等。 其他： HTTP 、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO HTTP 、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO 、UED 、架构、职业生涯 作为一名前端工程师，无论工作年头长短都应该必须掌握的知识点： 1 1、DOM 结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。 2 2、DOM 操作 ——如何添加、移除、移动、复制、创建和查找节点等。 3 3、事件 —— 如何使用事件，以及 IE和标准 DOM 事件模型之间存在的差别。 4 4、XMLHttpRequest —— 这是什么、怎样完整地执行一次 GET 请求、怎样检测错误。 5 5、严格模式与混杂模式 —— 如何触发这两种模式，区分它们有何意义。 6 6、盒模型 —— 外边距、内边距和边框之间的关系，及 IE8 以下版本的浏览器中的盒模型 7 7、块级元素与行内元素 —— 怎么用 CSS 控制它们、以及如何合理的使用它们 8 8、浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。 9 9、HTML 与 XHTML ——二者有什么区别，你觉得应该使用哪一个并说出理由。 10 10 、JSON —— 作用、用途、设计结构。 HTML Doctype 作用? 严格模式与混杂模式如何区分？它们有何意义?一、 Doctype 作用? 严格模式与混杂模式如何区分？它们有何意义? （1）、!DOCTYPE （1）、!DOCTYPE 声明位于文档中的最前面，处于 html 标签之前。告知浏览器的解析器，用什么文档类型 规 范来解析这个文档。 范来解析这个文档。 （2）、严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。 （2）、严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。 （3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。 （3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。 （4）、DOCTYPE 不存在或格式不正确会导致文档以混杂模式呈现。 （4）、DOCTYPE 不存在或格式不正确会导致文档以混杂模式呈现。 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ （1）CSS （1）CSS 规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，比如div 默认 display属性值为“block”，成为“块级”元素；span display属性值为“block”，成为“块级”元素；span 默认 display属性值为“inline”，是“行内”元素。 （ （2）行内元素有：a b span img input select stro（ng强调的语气） 块级元素有：div ul oli dl dt dd h1 h2 h3 h4…p （3）知名的空元素： brhrimginputlinkmeta （3）知名的空元素： brhrimginputlinkmeta 鲜为人知的是： 鲜为人知的是： areabasecolcommandembedkeygenparamsourcetrackwbr link 和 link 和@import 的区别是？ （1）link （1）link属于 XHTML 标签，而@import 是 CSS 提供的; （2）页面被加载的时， （2）页面被加载的时，link会同时被加载，而@import 引用的 CSS 会等到页面被加载完再加载; （3）import （3）import 只在 IE5 以上才能识别，