前端大厂口试真题（二）

源代码 · 2024-9-13 05:50:18

1. Doctype 作用？

DOCTYPE 是用来声明文档范例和 DTD 规范的。
<!DOCTYPE html>声明位于 HTML 文档中的第一行，不是一个 HTML 标签，处于 html 标签之前。
告知欣赏器的分析器用什么文档标准分析这个文档。DOCTYPE 不存在或格式不准确会导致文档以兼容模式出现。

2. 标准模式与兼容模式各有什么区别？

标准模式的排版和 JS 运作模式都是以该欣赏器支持的最高标准运行。
在兼容模式中，页面以宽松的向后兼容的方式体现,模仿老式欣赏器的运动以防止站点无法工作。
在 HTML4.01 中声明指向一个 DTD，由于 HTML4.01 基于 SGML，以是 DTD 指定了标记规则以包管欣赏器准确渲染内容 HTML5 不基于 SGML，以是不消指定 DTD。

3. 行内元素有哪些？块级元素有哪些？空（void）元素有那些？

行内元素有：a b span img input select strong（夸大的语气）
块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p
空元素：
常见: br hr img input link meta
不常见: area base col command embed keygen param source track wbr

4. 页面导入样式时，使用 link 和 @import 有什么区别？

link 属于 XHTML 标签，除了加载 CSS 外，还能用于界说 RSS, 界说 rel 毗连属性等作用；
而@import 是 CSS 提供的，只能用于加载 CSS; 页面被加载的时，link 会同时被加载，而@import 引用的 CSS 会比及页面被加载完再加载;
import 是 CSS2.1 提出的，只在 IE5 以上才气被辨认，而 link 是 XHTML 标签，无兼容标题;
link 支持使用 js 控制 DOM 去改变样式，而@import 不支持。

5. 先容一下你对欣赏器内核的明白？

重要分成两部分：渲染引擎 (layout engineer 或 Rendering Engine) 和 JS 引擎。
渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（比方参加 CSS 等），以及盘算网页的体现方式，然后渲染到用户的屏幕上。
JS 引擎则：分析和实行 javascript 来实现逻辑和控制 DOM 举行交互。最开始渲染引擎和 JS 引擎并没有区分的很明白，厥后 JS 引擎越来越独立，内核就倾向于只指渲染引擎。

6. 为什么我们要弃用 table 标签？

table 的缺点在于服务器把代码加载到当地服务器的过程中，原来是加载一行实行一行，但是 table 标签是内里的东西全都下载完之后才会体现出来，那么假如图片很多的话就会导致网页不绝加载不出来，除非全部的图片和内容都加载完。
假如要比及全部的图片全都加载完之后才体现出来的话那也太慢了，以是 table 标签现在我们根本放弃使用了。

7. Quirks 模式和 Standards 模式有什么区别？

总领会有结构、样式分析和脚本实行三个方面的区别。
盒模子：在W3C标准中，假如设置一个元素的宽度和高度，指的是元素内容的宽度和高度，而在Quirks 模式下，IE的宽度和高度还包罗了padding和border。
设置行内元素的高宽：在Standards模式下，给等行内元素设置wdith和height都不会收效，而在quirks模式下，则会收效。
设置百分比的高度：在standards模式下，一个元素的高度是由其包罗的内容来决定的，假如父元素没有设置百分比的高度，子元素设置一个百分比的高度是无效的用margin:0 auto设置水平居中：使用margin:0 auto在standards模式下可以使元素水平居中，但在quirks模式下却会失效。

8. strong 与 em 的异同？

strong：粗体夸大标签，夸大，表现内容的重要性
em：斜体夸大标签，更猛烈夸大，表现内容的夸大点

9. div + css 的结构较 table 结构有什么优点？

改版的时间更方便只要改css文件。
页面加载速率更快、结构化清晰、页面体现轻便。
体现与结构相分离。
易于优化（seo）搜刮引擎更友好，排名更容易靠前。

10. 为什么使用多个域名来存储网站资源会更有效？

CDN缓存更方便
突破欣赏器并发限定
节约cookie带宽
节约主域名的毗连数，优化页面相应速率
防止不须要的安全标题

11. 请形貌一下 cookies，sessionStorage 和 localStorage 的区别？

sessionStorage用于当地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才气访问而且当会话竣过后数据也随之烧毁。
因此sessionStorage不是一种长期化的当地存储，仅仅是会话级别的存储。而localStorage用于长期化的当地存储，除非自动删除数据，否则数据是永世不会过期的。
Web storage和cookie的区别
Web Storage的概念和cookie相似，区别是它是为了更大容量存储计划的。Cookie的巨细是受限的，而且每次你哀求一个新的页面的时间Cookie都会被发送已往，这样无形中浪费了带宽，别的cookie还必要指定作用域，不可以跨域调用。
除此之外，Web Storage拥有setItem,getItem,removeItem,clear等方法，不像cookie必要前端开辟者自己封装setCookie，getCookie。
但是Cookie也是不可以或缺的：Cookie的作用是与服务器举行交互，作为HTTP规范的一部分而存在，而Web Storage仅仅是为了在当地“存储”数据而生。

前端大厂口试真题（二）

所属分类: 问答交流

新帖推荐: 30日

推荐作品