Web前端开发工程师面试题.pdfVIP

2017 年 Web 前端开发工程师面试题 ——HTML 部分—— 1、JavaScript 的DOM 是什么意思? DOM 是 W3C 的对象模型，DOM 是中立于平台和语言的接口，它允许程序和脚本动态的访问和更 新文档的内容 结构和样式。 2、JavaScript 的节点是什么意思? 根据 W3C 的标准，HTML 中文档的所有内容都是节点 整个文档是一个文档节点 每个 html 元素都是元素节点 Html 元素中的文本是文本节点 每个 html 属性都是熟悉节点 注释是注释节点 3、JavaScript 的BOM 是什么意思? 浏览器对象模型 提供了独立于内容而与浏览器窗口进行交互的对象。描述了与浏览器进行交互的方法和接口， 可以对浏览器窗口进行访问和操作，譬如可以弹出新的窗口，改变状态栏中的文本，对Cook 的支持，还扩展了，加入了ActiveXObject 类，可以通过 js 脚本实例化 ActiveX 对象等等） 4、Jquery 是什么？ jQuery 是一个快速、简洁的 JavaScript 框架，是继 Prototype 之后又一个优秀的JavaScript 代码库（或 JavaScript 框架）。jQuery 设计的宗旨是 “write Less，Do More”，即倡导写更 少的代码，做更多的事情。它封装 JavaScript 常用的功能代码，提供一种简便的JavaScript 设计模式，优化 HTML 文档操作、事件处理、动画设计和 Ajax 交互。 jQuery 的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活 的 css 选择器，并且可对 CSS 选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。 jQuery 兼容各种主流浏览器，如 IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。 5、AJAX 是什么？ AJAX 是一种用于创建快速动态网页的技术。 AJAX 即“Asynchronous Javascript And XML”（异步JavaScript 和 XML），是指一 种创建交互式网页应用的网页开发技术。 AJAX = 异步 JavaScript 和 XML （标准通用标记语言的子集）。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以 在不重新加载整个网页的情况下，对网页的某部分进行更新。 传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。 6、Doctype 作用? 严格模式与混杂模式如何区分？它们有何意义? （1）、 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范 来解析这个文档。 （2）、严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。 （3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无 法工作。 （4）、DOCTYPE 不存在或格式不正确会导致文档以混杂模式呈现。 7、行内元素有哪些？块级元素有哪些？ （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 8、link 和@import 的区别是？ （1）link 属于 XHTML 标签，而@import 是 CSS 提供的; （2）页面被加载的时，link 会同时被加载，而@import 引用的 CSS 会等到页面被加载完再加载; （3）import 只在 IE5 以上才能识别，而 link 是 XHTML 标签，无兼容问题; （4）link 方式的样式的权重 高于@import 的权重. 9、浏览器的内核分别是什么? IE 浏览器的内核 Trident、Mozilla 的Gecko、Chrome 的Bl