HTML5与前端面试必知：DOCTYPE、浏览器内核与JavaScript引擎

web

需积分: 9 30 浏览量更新于2024-07-17 收藏 2.27MB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

"这是一份关于web前端面试题的汇总，涵盖了HTML、DOCTYPE、元素类型、样式导入方式、浏览器内核以及引擎等多个方面，旨在帮助前端开发者准备面试。” 在前端开发领域，面试题通常涉及核心的技术概念和实际应用。本资料主要关注以下几个知识点： 1. **DOCTYPE**：DOCTYPE是HTML文档的声明，它告诉浏览器文档应遵循的HTML或XHTML标准。在HTML5中，DOCTYPE简化为`<!DOCTYPE HTML>`，这是因为HTML5不再基于SGML，所以不需要引用DTD（文档类型定义）。在没有DOCTYPE或格式不正确的DOCTYPE时，浏览器会切换到兼容模式，可能导致页面渲染和JavaScript行为的差异。 2. **HTML元素**：元素分为行内元素、块级元素和空元素。行内元素如`<span>`、`<a>`、`<img>`等，它们在同一行内显示。块级元素如`<div>`、`<ul>`、`<li>`等，它们独占一行并可以包含其他元素。空元素如`<br>`、`<hr>`、`<img>`等，它们没有闭合标签。 3. **样式导入的区别**：使用`<link>`导入CSS时，样式会在页面加载时同步加载；而`@import`是在页面加载完成后才加载CSS，这可能导致页面先显示无样式的版本，然后才更新样式。 4. **浏览器内核**：浏览器内核决定了浏览器如何解析和渲染网页。Trident（如IE、搜狗浏览器）是微软的内核，Gecko（如Firefox）是Mozilla的内核，Presto（Opera 7及以上）是Opera的旧内核，而Webkit（如Safari、Chrome）是苹果和谷歌共同开发的，其中Chrome后来使用了改进的Blink内核。 5. **渲染引擎和JS引擎**：渲染引擎负责处理HTML、CSS等内容，计算网页布局并显示在屏幕上。JS引擎则负责解析和执行JavaScript代码，实现网页的交互功能。现代浏览器中的这两个组件通常是分离的，以便更高效地处理各自的任务。这些面试问题揭示了前端开发者需要掌握的基础知识，包括HTML语法规则、CSS导入机制、浏览器兼容性问题以及网页渲染原理。对于准备面试的前端开发者来说，理解并熟练掌握这些知识点至关重要，因为它们是构建和优化网页用户体验的基础。

资源详情

资源推荐

19、什么是外边距合并？

外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。

合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

、当一个

div

在另一个

div

里，两个

div

都有

margin

的属性，想让这两个

div

不出现外边距

合并的问题，必须给外层

div

添加

border

属性或者

overflow:hidden

属性；如果允许其出现

外边距合并，内层

div

始终保持原位置，而外层

div

的

margin

属性会取两者的最大值。

、当两个

div

不存在嵌套关系时（而是上下关系）一个设置了

margin-bottom

，一个设置了

margin-top

，不管是否有

border

或者

overflow

属性时，两者始终会存在外边距合并问题。

20、CSS 预处理器

Sass 、less 这些

Sass 语法是$

less 语法是@

21、CSS 优化、提高性能的方法有哪些

关键选择器（

key selector

）。选择器的最后面的部分为关键选择器（即用来匹配目标元素的

部分）；

尽量不用后代选择器，少用子代选择器，最好不要超过三层；

提取项目的通用公有样式，增强可复用性，按模块编写组件；增强项目的协同开发性、

可维护性和可扩展性

;

使用预处理工具或构建工具（

gulp

对

css

进行语法检查、自动补前缀、打包压缩、自动优

雅降级）；

22、margin 和 padding 分别适合什么场景使用？

margin

是用来隔开元素与元素的间距；

padding

是用来隔开元素与内容的间隔。

margin

用于布局分开元素使元素与元素互不相干；

padding

用于元素与内容之间的间隔，让内容（文字）与（包裹）元素之间有一段空间

23、什么是响应式设计？响应式设计的基本原理是什

剩余88页未读，继续阅读

qq_42214625

粉丝: 0
资源: 2

HTML5与前端面试必知：DOCTYPE、浏览器内核与JavaScript引擎

web前端开发笔试题

2019年前端面试题

2021前端面试题含答案下载 [完整版]pdf.pdf

web前端面试题2023

web前端面试题2022

java web 前端面试题

2023web前端面试题

2021年web前端面试题汇总

2024Web前端面试题大全

拼多多web前端面试题

拼多多web前端面试题和答案

拼多多web前端2023面试题

web前端开发面试题

web前端开发面试题校招

web前端八股文面试题

web前端实习生面试题

2023前端面试题vue

web前端高频面试题

前端面试题uniapp

2021前端面试题docx

最新资源