2017前端面试精华：DOM、BOM与jQuery详解
4星 · 超过85%的资源 需积分: 10 52 浏览量
更新于2024-07-20
收藏 47KB DOCX 举报 本文档是一份2017年的前端开发工程师面试题汇编，主要关注HTML、CSS、JavaScript的基础和一些核心概念，以及当时流行的框架jQuery和AJAX技术。以下将详细解读这些知识点：
1. **HTML DOM** (Document Object Model)：
DOM是W3C定义的一个标准，它代表了HTML文档在内存中的表示，是程序和脚本操作网页内容的主要方式。通过DOM，开发者可以动态地添加、修改或删除网页元素，获取或设置元素属性，以及处理其结构关系。
2. **JavaScript 节点(Node)**：
在JavaScript中，HTML文档被看作由各种节点组成，包括文档节点、元素节点（如`<div>`）、文本节点（文本内容）、属性节点（HTML属性）、注释节点等。理解节点的概念有助于开发者理解和操作网页的结构。
3. **BOM (Browser Object Model)**：
BOM是浏览器对象模型，它提供了一组与浏览器环境交互的对象，如窗口、历史记录、cookie等。BOM主要用于与浏览器窗口进行交互，如打开新窗口、更改状态栏文本等。在IE中，还包含ActiveXObject用于与ActiveX控件交互。
4. **jQuery**：
jQuery是一个轻量级的JavaScript库，旨在简化DOM操作、事件处理和动画编写，提倡“写更少的代码，做更多的事情”。它的优点在于链式语法、强大的CSS选择器支持、易用的插件系统和广泛兼容多种浏览器。
5. **AJAX (Asynchronous JavaScript and XML)**：
AJAX是一种非阻塞的网页开发技术，允许网页在无需刷新整个页面的情况下，通过与服务器进行异步通信，更新部分网页内容。它利用JavaScript和XML（现在更常使用JSON）处理数据，实现了动态交互体验，显著提高了用户体验。
6. **DOCTYPE**：
Doctype声明（Document Type Declaration）是一个文档的元信息，用于告诉浏览器文档的结构类型，比如HTML5的<!DOCTYPE html>，对于不同版本的HTML规范有特定的声明，以确保浏览器正确解析和呈现文档。
这些知识点在2017年的前端面试中非常重要，因为它们构成了前端开发的基础架构和实践。理解并熟练掌握它们能够帮助求职者展示他们在前端开发中的实力和经验，特别是在处理实时数据交互、响应式设计和跨浏览器兼容性等方面。
$I"J0J $::选择属于其父元素的最后元素的每个元素。
$I3 J0J $::选择属于其父元素唯一的元素的每个元素。
$I3 J4::::选择属于其父元素的唯一子元素的每个元素。
$I3J4O1P::选择属于其父元素的第二个子元素的每个元素。
I3"4::I4"4控制表单控件的禁用态。
I4 单选框或复选框被选中。
、如何居中 0？如何居中一个浮动元素？
给 4 设置一个宽度，然后添加 "83I+" 属性
4Q::::&4I1++$(<::::"83I+"<R::
居中一个浮动元素
确定容器的宽高 宽 /++高 ++的层 设置层的外边距 *4Q::4I/++$(<
8I++$(<SS高度可以不设 "83IJ./+$(++J1/+$(<::$3I"<相对
定位 "834JI$3<SS方便看效果 0I/+T<::$I/+T<R:
列出 4$" 的值，说明他们的作用。$3 的值， " 和 " 定位原
点是？
.*象块类型元素一样显示。 33缺省值。象行内元素类型一样显示。
33J象行内元素一样显示，但其内容象块类型元素一样显示。 J象块
类型元素一样显示，并添加样式列表标记。
1*:" 生成绝对定位的元素，相对于 "定位以外的第一个父元素进行定
位。
N(4（老 不支持） 生成绝对定位的元素，相对于浏览器窗口进行定位。
" 生成相对定位的元素，相对于其正常位置进行定位。
剩余27页未读，继续阅读
2021-07-24 上传
2023-06-07 上传
2017-09-22 上传
2017-11-02 上传
2017-08-31 上传
点击了解资源详情
pdsu_zhao
- 粉丝: 243
- 资源: 26
我的内容管理
展开
