- Doctype 作用？
DOCTYPE 是用来声明文档类型和 DTD 规范的。
<!DOCTYPE html>声明位于 HTML 文档中的第一行，不是一个 HTML 标签，处于 html 标签之前。
告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE 不存在或格式不正确会导致文档以兼容模式呈现。 - 标准模式与兼容模式各有什么区别？
标准模式的排版 和 JS 运作模式都是以该浏览器支持的最高标准运行。
在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。
在 HTML4.01 中声明指向一个 DTD，由于 HTML4.01 基于 SGML，所以 DTD 指定了标记规则以保证浏览器正确渲染内容 HTML5 不基于 SGML，所以不用指定 DTD。 - 行内元素有哪些？块级元素有哪些？ 空（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 - 页面导入样式时，使用 link 和 @import 有什么区别？
link 属于 XHTML 标签，除了加载 CSS 外，还能用于定义 RSS, 定义 rel 连接属性等作用；
而@import 是 CSS 提供的，只能用于加载 CSS; 页面被加载的时，link 会同时被加载，而@import 引用的 CSS 会等到页面被加载完再加载;
import 是 CSS2.1 提出的，只在 IE5 以上才能被识别，而 link 是 XHTML 标签，无兼容问题;
link 支持使用 js 控制 DOM 去改变样式，而@import 不支持。 - 介绍一下你对浏览器内核的理解？
主要分成两部分：渲染引擎 (layout engineer 或 Rendering Engine) 和 JS 引擎。
渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后渲染到用户的屏幕上。
JS 引擎则：解析和执行 javascript 来实现逻辑和控制 DOM 进行交互。 最开始渲染引擎和 JS 引擎并没有区分的很明确，后来 JS 引擎越来越独立，内核就倾向于只指渲染引擎。 - 为什么我们要弃用 table 标签？
table 的缺点在于服务器把代码加载到本地服务器的过程中，本来是加载一行执行一行，但是 table 标签是里面的东西全都下载完之后才会显示出来，那么如果图片很多的话就会导致网页一直加载不出来，除非所有的图片和内容都加载完。
如果要等到所有的图片全都加载完之后才显示出来的话那也太慢了，所以 table 标签现在我们基本放弃使用了。 - Quirks 模式和 Standards 模式有什么区别？
总体会有布局、样式解析和脚本执行三个方面的区别。
盒模型：在W3C标准中，如果设置一个元素的宽度和高度，指的是元素内容的宽度和高度，而在Quirks 模式下，IE的宽度和高度还包含了padding和border。
设置行内元素的高宽：在Standards模式下，给等行内元素设置wdith和height都不会生效，而在quirks模式下，则会生效。
设置百分比的高度：在standards模式下，一个元素的高度是由其包含的内容来决定的，如果父元素没有设置百分比的高度，子元素设置一个百分比的高度是无效的用margin:0 auto设置水平居中：使用margin:0 auto在standards模式下可以使元素水平居中，但在quirks模式下却会失效。 - strong 与 em 的异同？
strong：粗体强调标签，强调，表示内容的重要性
em：斜体强调标签，更强烈强调，表示内容的强调点 - div + css 的布局较 table 布局有什么优点？
改版的时候更方便 只要改css文件。
页面加载速度更快、结构化清晰、页面显示简洁。
表现与结构相分离。
易于优化（seo）搜索引擎更友好，排名更容易靠前。 - 为什么利用多个域名来存储网站资源会更有效？
CDN缓存更方便
突破浏览器并发限制
节约cookie带宽
节约主域名的连接数，优化页面响应速度
防止不必要的安全问题 - 请描述一下 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仅仅是为了在本地“存储”数据而生。
前端大厂面试真题
2024-08-16
185
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
前端大厂面试真题
目录
相关文章
|
6月前
|
存储
前端开发
JavaScript
|
4月前
|
缓存
前端开发
中间件
|
1月前
|
缓存
前端开发
JavaScript
"面试通关秘籍：深度解析浏览器面试必考问题，从重绘回流到事件委托，让你一举拿下前端 Offer！"
【10月更文挑战第23天】在前端开发面试中，浏览器相关知识是必考内容。本文总结了四个常见问题：浏览器渲染机制、重绘与回流、性能优化及事件委托。通过具体示例和对比分析，帮助求职者更好地理解和准备面试。掌握这些知识点，有助于提升面试表现和实际工作能力。
66
1
1
|
3月前
|
Web App开发
前端开发
Linux
「offer来了」浅谈前端面试中开发环境常考知识点
该文章归纳了前端开发环境中常见的面试知识点，特别是围绕Git的使用进行了详细介绍，包括Git的基本概念、常用命令以及在团队协作中的最佳实践，同时还涉及了Chrome调试工具和Linux命令行的基础操作。
36
1
1
|
2月前
|
Web App开发
JavaScript
前端开发
|
4月前
|
存储
前端开发
JavaScript
|
4月前
|
存储
JavaScript
前端开发
|
4月前
|
存储
前端开发
JavaScript
|
4月前
|
存储
JavaScript
前端开发
|
4月前
|
Web App开发
存储
缓存
热门文章
最新文章
1
GitHub Actions自动化部署前端项目指南
2
前端安全防护：XSS、CSRF攻防策略与实战
3
「前端工程化」从0-1搭建react，ts脚手架（1.2w字超详细教程）
4
合格前端系列第四弹-如何监听一个数组的变化
5
前端 时间个性化 插件 jquery.timeago.js
6
wordpress页面前端添加编辑按钮
7
前端提交POST请求却变成GET请求的原因及解决方法
8
你用过的网站前端优化的技术有哪些？
9
基于qiankun落地部署微前端爬”坑“记
10
前端进阶|第四天从setTimeout、Promise看js 的异步机制
1
web前端之纯CSS实现简单酷炫的照片墙效果、排除元素的伪类、scale
86
2
《跨界合作：前端与后端如何优化协作效率》
82
3
使用Vue.js构建交互式前端的技术探索
89
4
如何优化前端性能：关键步骤和技巧
85
5
nbcio-boot基于jeecg的flowable支持部门经理的单个或多实例支持（前端部分）
99
6
ruoyi-nbcio-plus基于vue3的flowable修正加签与跳转的前端问题
116
7
vue的 blob文件下载文件时，后端自定义异常，并返回json错误提示信息，前端捕获信息并展示给用户
262
8
ruoyi-nbcio-plus的Vue3前端一些插件使用介绍（二）
70
9
ruoyi-nbcio-plus的Vue3前端一些插件使用介绍（一）
89
10
ruoyi-nbcio-plus的Vue3前端升级组件后出现的问题（二）
137