前端设计面试2.pdf资源-CSDN文库

版权申诉

129 浏览量 2022-07-10 14:30:14 上传评论收藏 1.05MB PDF 举报

前端设计面试涉及众多Web前端开发的关键概念和技术，以下是这些知识点的详细解释： 1. **DOM（Document Object Model）**：DOM是HTML和XML文档的结构化表示，它将文档视为一系列相互关联的对象。DOM允许开发者通过JavaScript或其他脚本语言来读取、修改和添加文档内容。DOM树中，每个元素、属性、文本甚至注释都是一个节点。 2. **JavaScript的节点**：在DOM中，节点是文档的基本构建块。文档本身是一个文档节点，HTML元素是元素节点，元素内的文本是文本节点，属性是属性节点，注释是注释节点。 3. **BOM（Browser Object Model）**：BOM是浏览器提供的接口，让开发者能够与浏览器窗口交互，比如打开新窗口、操作状态栏、管理Cookie，以及在IE中使用ActiveXObject创建ActiveX对象。BOM与DOM不同，DOM专注于文档结构，而BOM关注浏览器功能。 4. **jQuery**：jQuery是一个轻量级的JavaScript库，旨在简化HTML文档遍历、事件处理、动画和Ajax交互。它的核心理念是“write less, do more”，提供链式语法、多功能接口和高效的CSS选择器，兼容多种主流浏览器。 5. **AJAX（Asynchronous JavaScript and XML）**：AJAX是一种创建动态网页的技术，通过异步方式与服务器通信，无需刷新整个页面即可更新部分内容。它结合了JavaScript、XML（或JSON等其他数据格式）和浏览器内置的XMLHttpRequest对象。 6. **DOCTYPE的作用**：DOCTYPE声明告诉浏览器应以哪种HTML或XHTML规范解析文档。严格模式下，浏览器按照最高标准执行，而在混杂模式中，浏览器以向后兼容的方式显示页面。DOCTYPE缺失或格式错误会导致混杂模式。 7. **行内元素与块级元素**：行内元素（如a, b, span等）在一行内并排显示，不占据整行宽度。块级元素（如div, ul, ol, li等）则独占一行，它们的display属性默认为"block"或"inline"。 8. **link与@import的区别**：link是HTML标签，用于外部资源链接，如CSS文件，加载时与页面同步。@import是CSS中的导入语句，CSS文件加载完成后才执行，且@import在某些旧版本浏览器中不支持。link的样式优先级高于@import。 9. **浏览器内核**：IE使用Trident内核，Mozilla使用Gecko，Chrome和基于WebKit的浏览器（包括Safari）最初使用WebKit，现在Chrome和Opera使用Blink内核，Opera曾经使用Presto，但现在也转向了Blink。 10. **HTML5的新特性**：HTML5引入了canvas绘图、video和audio媒体元素、localStorage和sessionStorage等新特性。处理HTML5新标签的浏览器兼容问题通常需要使用条件注释、JavaScript库（如Modernizr）或polyfill（提供新API的老浏览器的模拟实现）。区分HTML和HTML5，主要看文档类型声明（HTML5使用`<!DOCTYPE html>`），以及HTML5特有的元素和API。以上是面试中常见的前端开发知识点，理解并掌握这些概念对于前端开发者至关重要。在面试中，深入理解和应用这些知识能够展示出你的专业技能和解决问题的能力。

资源推荐

资源详情

资源评论

2017 年 Web 前端开发工程师面试题

——HTML 部分——

1、JavaScript

的 DOM 是什么意思?

DOM 是 W3C 的对象模型，DOM 是中立于平台和语言的接口，它允许程序和脚本动态

的访问和更新文档的内容结构和样式。

2、JavaScript 的节点是什么意思? 根据 W3C 的标准，

HTML 中文档的所有内容都是节点整个文档是一个文档节点每个 html 元素都是元素

节点 Html 元素中的文本是文本节点每个 html 属性都是熟悉节点注释是注释节点

3、JavaScript 的 BOM 是什么意思? BOM

浏览器对象模型提供了独立于内容而与浏览器窗口进行交互的对象。描述了与浏览

器进行交互的方法和接口，可以对浏览器窗口进行访问和操作，譬如可以弹出新的窗

口，改变状态栏中的文本，对 Cookie 的支持，IE 还扩展了 BOM，加入了

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 可以使网页实现异步更新。这意味着可以

HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的

增加。绘画 canvas 用于媒介回放的 video 和 audio 元素本地离线存储

localStorage 长期存储数据，浏览器关闭后数据不丢失； sessionStorage 的数据在浏

览器关闭后自动删除语意化更好的内容元素，比如 article、footer、header、nav、

section 表单控件，calendar、date、time、email、url、search 新的技术

webworker, websockt, Geolocation

11、对语义化如何理解？

用正确的标签做正确的事情！ HTML 语义化就是让页面的内容结构化，便于对浏览

器、搜索引擎解析；在没有样式 CCS 情况下也以一种文档格式显示，并且是容易阅读

的。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。使阅

读源代码的人对网站更容易将网站分块，便于阅读维护理解。

12、HTML5 的离线储存有几种方式？

localStorage 长期存储数据，浏览器关闭后数据不丢失；sessionStorage 数据在浏览

器关闭后自动删除。

13、iframe 有那些缺点？

iframe 会阻塞主页面的 Onload 事件； iframe 和主页面共享连接池，而浏览器

对相同域的连接有限制，所以会影响页面的并行加载。使用 iframe 之前需要考虑这两

个缺点。如果需要使用 iframe，最好是通过 javascript 动态给 iframe 添加 src 属性值，

这样可以可以绕开以上两个问题。

14、请描述一下 cookies，sessionStorage 和 localStorage 的区别？

cookie 在浏览器和服务器间来回传递。 sessionStorage 和 localStorage 不会

sessionStorage 和 localStorage 的存储空间更大；sessionStorage 和 localStorage 有更

多丰富易用的接口；sessionStorage 和 localStorage 各自独立的存储空间；

1、对 WEB 标准以及 W3C 的理解与认识？

标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链 css 和 js 脚本、

结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容

能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页

面内容、提供打印版本而不需要复制内容、提高网站易用性;

剩余11页未读，继续阅读

评论收藏

内容反馈

版权申诉

xxpr_ybgg

粉丝: 6756
资源: 3万+

前端设计面试2.pdf

前端面试.pdf

web前端面试题2.doc

前端工程师面试题手册(2).pdf

web前端开发面试题汇总.doc

2022大厂前端面试题精选.pdf

前端面试题汇总.pdf

2021前端面试题精编.pdf

2020前端大厂高频面试题.pdf

238道大厂前端高频面试题.pdf

大前端面试小册.pdf

WEB前端开发面试题集锦.doc

前端开发面试题

前端面试汇总

前端高级面试资料.pdf

2021前端面试题.pdf

2022年前端面试题汇总.pdf

前端面试题含答案.pdf

前端基础面试题.pdf

前端面试题及答案.pdf

前端面试题参考答案.pdf

前端面试.zip

WEB前端开发面试题集锦.doc编程资料

前端面试常被问到的小程序问题整理到一起了 .pdf

前端面试宝典V4.0.pdf

前端面试宝典 v1.pdf

前端面试手册.pdf

2023前端面试八股文.pdf

最新资源