前端面试必备：HTML/CSS/JS知识精要

5星 · 超过95%的资源需积分: 12 189 浏览量更新于2024-07-15 收藏 4.05MB DOCX 举报

"前端面试题总结，涵盖了HTML, CSS, HTML5, CSS3, JS, Vue的基础面试题目，包括Web标准理解、浏览器内核差异、兼容性、CSS布局、盒子模型、选择器优先级等核心知识点。" 1、HTML/CSS元素类型： - 行元素（如`<span>`）：在一行内显示，不会自动换行。 - 块元素（如`<div>`）：独占一行，宽度默认占据父元素的100%。 - 行内块元素（如`<img>`）：既可以保持内联特性，又有一定的宽度和高度。 2、CSS引入方式与区别： - 行内样式（`style`属性）：优先级最高，但不利于代码复用。 - 内嵌样式（`<style>`标签）：位于`<head>`中，优先级次之，适用于全局样式。 - 外部样式（`<link>`或`@import`）：通过链接外部CSS文件，便于管理，`link`优先加载，`@import`在文档加载后执行，部分旧浏览器不支持。 3、`<pre>`标签： - 用于保留文本格式，包括空格和换行，常用于代码展示。 4、Bootstrap网格系统： - Bootstrap采用12列响应式布局，允许自定义断点和灵活的列布局。 5、CSS背景属性： - `background-attachment`: 控制背景图像是否随滚动条移动，`scroll`（默认）跟随滚动，`fixed`固定在视口，`inherit`继承父元素。 - `background-origin`：设置背景图像的位置原点，`padding-box`（默认）从内边距开始，`border-box`从边框开始，`content-box`从内容区域开始。 - `background-clip`：控制背景颜色或图像的绘制范围，`padding-box`只填充到内边距，`border-box`延伸至边框，`content-box`仅限内容区域。 6、DOCTYPE声明： - 定义文档类型，确保浏览器按预期解析HTML，例如`<!DOCTYPE html>`声明HTML5文档。 7、HTML5的新特性与优缺点： - 新特性：离线存储、拖放功能、画布（Canvas）、SVG图形、音频/视频API、表单控件增强等。 - 优点：更好的语义化标签、更好的错误处理、更丰富的媒体支持、更强大的本地存储。 - 缺点：老浏览器兼容性问题、部分特性实现不一致、开发者需学习新知识。 8、主流浏览器内核： - Chrome/Safari：Blink内核。 - Firefox：Gecko内核。 - Internet Explorer/Edge： Trident（旧版）/EdgeHTML（新版）。 - Opera：Presto（旧版）/Blink（新版）。 9、JSON数据： - JavaScript Object Notation，轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成，基于JavaScript语法，但不依赖JavaScript运行。 10、Cookie与WebStorage： - Cookie：存储在客户端，用于跟踪用户状态，大小有限（通常4KB），每次HTTP请求都会携带。 - WebStorage（HTML5）：提供了sessionStorage和localStorage，存储容量大（通常5MB），sessionStorage仅在当前会话有效，localStorage长期有效，但不随HTTP请求发送，更适用于大量数据的本地存储。这些是前端面试中常见的技术点，理解和掌握它们对于前端开发者至关重要。

存储一个会话的数据（关闭浏览器选项卡时数据丢失）

②localStorage ：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数

据在所有同源窗口中都是共享的；window.localStorage - 存储没有过期日期

的数据

③ 用法：（key,value)或者只有 key

例如：// 存储值

localStorage.setItem("username", "张三");

注意：设置一般用 set 开头，获取一般用 get 开头，对于键值来说，一般都是

（key,value)的形式。

剩余38页未读，继续阅读

Smile_zxx

粉丝: 4956
资源: 2

前端面试必备：HTML/CSS/JS知识精要

前端大厂最新面试题总结-2018.docx

2022最新版前端面试题手册(170页带答案).docx总结：前端基础及HTTP/HTML/浏览器；2021-2022最新版前端...

"2019前端经典面试题：HTML与XML区别、CSS选择器及权重优先级详解

面试题总结.docx

2023vue面试题总结.docx

Vue框架面试题总结.docx

前端js面试题WORD.docx

前端工程师面试题汇总.docx编程资料

BAT前端H面试题大全.docx编程资料

前端面试题总结.zip

最新资源