没有合适的资源?快使用搜索试试~ 我知道了~
大厂阿里字节百度前端校招面试题大全.pdf
5星 · 超过95%的资源 需积分: 11 5 下载量 124 浏览量
2021-12-03
16:06:22
上传
评论 6
收藏 1.98MB PDF 举报
温馨提示
试读
350页
web前端,HTML5 ,面试题,大厂
资源详情
资源评论
资源推荐
《前端校招面试题精编解析大全》
1
前言
历时半年,我们整理了这份市面上最全面的前端校招面试题精编解析大全,
包含了腾讯、字节跳动、百度、阿里、滴滴、美团、58、拼多多、360、新浪、
搜狐等一线互联网公司面试被问到的题目。熟悉本文中列出的知识点会大大增加
通过前两轮技术面试的几率。
特意推荐给前端初级开发的朋友们。
如何使用它?
可以通过目录索引直接翻看需要的知识点,查漏补缺。
目录
前言 ..........................................................................................................................................................1
第一章 HTML............................................................................................................................................13
1.浏览器页面有哪三层构成,分别是什么,作用是什么?...................................................... 13
2.HTML5 的优点与缺点?............................................................................................................. 13
3.Doctype 作用? 严格模式与混杂模式如何区分?它们有何意义?....................................... 14
4.HTML5 有哪些新特性、移除了哪些元素?............................................................................. 15
5.你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么?.................................... 17
6.每个 HTML 文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗?............ 17
7.说说你对 HTML5 认识?(是什么,为什么)............................................................................ 17
8.对 WEB 标准以及 W3C 的理解与认识?...................................................................................... 18
9.HTML5 行内元素有哪些,块级元素有哪些, 空元素有哪些?................................................. 18
10.什么是 WebGL,它有什么优点?............................................................................................... 21
11.请你描述一下 cookies,sessionStorage 和 localStorage 的区别?.......................... 22
12.说说你对 HTML 语义化的理解?.............................................................................................. 23
13.link 和@import 的区别?........................................................................................................ 25
14.说说你对 SVG 理解?................................................................................................................ 26
15.HTML 全局属性(global attribute)有哪些?....................................................................... 27
16.说说超链接 target 属性的取值和作用?............................................................................ 28
《前端校招面试题精编解析大全》
2
17.`data-`属性的作用是什么?................................................................................................ 28
18.介绍一下你对浏览器内核的理解?...................................................................................... 29
19.常见的浏览器内核有哪些?.................................................................................................. 29
20.iframe 有那些缺点?............................................................................................................. 29
21.Label 的作用是什么,是怎么用的?................................................................................... 30
22.如何实现浏览器内多个标签页之间的通信?........................................................................ 30
23.如何在页面上实现一个圆形的可点击区域?...................................................................... 31
24.title 与 h3 的区别、b 与 strong 的区别、i 与 em 的区别?........................................... 31
25.实现不使用 border 画出 1px 高的线,在不同浏览器的标准模式与怪异模式下都能保持
一致的效果?................................................................................................................................ 31
26.HTML5 标签的作用?(用途)..................................................................................................... 32
27.简述一下 src 与 href 的区别?............................................................................................ 32
28.谈谈你对 canvas 的理解?.................................................................................................... 33
29.WebSocket 与消息推送?....................................................................................................... 33
30.mg 的 title 和 alt 有什么区别?......................................................................................... 35
31.表单的基本组成部分有哪些,表单的主要用途是什么?.................................................. 35
32.表单提交中 Get 和 Post 方式的区别?................................................................................ 35
33.HTML5 有哪些新增的表单元素?.......................................................................................... 36
34.HTML5 废弃了哪些 HTML4 标签?........................................................................................ 36
35.HTML5 标准提供了哪些新的 API?...................................................................................... 37
36.HTML5 存储类型有什么区别?.............................................................................................. 37
37.HTML5 应用程序缓存和浏览器缓存有什么区别?.............................................................. 37
38.HTML5 Canvas 元素有什么用?............................................................................................ 38
39.除了 audio 和 video,HTML5 还有哪些媒体标签?........................................................ 38
40.HTML5 中如何嵌入视频?...................................................................................................... 39
41.HTML5 中如何嵌入音频?...................................................................................................... 40
42.新的 HTML5 文档类型和字符集是?.................................................................................... 40
第二章 CSS..............................................................................................................................................40
1. 解释一下 CSS 的盒子模型?.................................................................................................. 40
2. 请你说说 CSS 选择器的类型有哪些,并举几个例子说明其用法?.................................. 41
3.请你说说 CSS 有什么特殊性?(优先级、计算特殊值)...................................................... 45
4.要动态改变层中内容可以使用的方法?................................................................................ 47
5. 常见浏览器兼容性问题与解决方案?.................................................................................. 47
6. 列出 display 的值并说明他们的作用?.............................................................................. 50
7. 如何居中 div, 如何居中一个浮动元素?............................................................................. 51
8. CSS 中 link 和@import 的区别是?................................................................................... 51
9. 请列举几种清除浮动的方法(至少两种)?............................................................................ 52
10. block,inline 和 inlinke-block 细节对比?................................................................. 53
11. 什么叫优雅降级和渐进增强?............................................................................................ 54
12. 说说浮动元素会引起的问题和你的解决办法.................................................................... 55
《前端校招面试题精编解析大全》
3
13.你有哪些性能优化的方法?.................................................................................................. 56
14.为什么要初始化 CSS 样式?.................................................................................................. 57
15.解释下浮动和它的工作原理?清除浮动的技巧?.............................................................. 58
16.CSS 样式表根据所在网页的位置,可分为哪几种样式表?............................................... 58
17.谈谈你对 CSS 中刻度的认识?.............................................................................................. 58
18.请你说说 em 与 rem 的区别?................................................................................................ 59
19.请你说说 box-sizing 属性的的用法?................................................................................ 60
20.浏览器标准模式和怪异模式之间的区别是什么?.............................................................. 61
21.怪异 Quirks 模式是什么,它和标准 Standards 模式有什么区别?................................ 61
22.说说你对边距折叠的理解?.................................................................................................... 62
23.内联与块级标签有何区别?.................................................................................................. 63
24.说说隐藏元素的方式有哪些?.............................................................................................. 63
25.为什么重置浏览器默认样式,如何重置默浏览器认样式?.............................................. 63
26.谈谈你对 BFC 与 IFC 的理解?(是什么,如何产生,作用).............................................. 65
27.说说你对页面中使用定位(position)的理解?.................................................................. 67
28.如何解决多个元素重叠问题?.............................................................................................. 68
29.页面布局的方式有哪些?...................................................................................................... 69
30.overflow :hidden 是否形成新的块级格式化上下文?..................................................... 73
第三章 前端基础....................................................................................................................................73
1.说一下 http 和 https............................................................................................................... 73
2.tcp 三次握手,一句话概括..................................................................................................... 75
3.TCP 和 UDP 的区别..................................................................................................................... 76
4.WebSocket 的实现和应用......................................................................................................... 76
5.HTTP 请求的方式,HEAD 方式.................................................................................................. 78
6.一个图片 url 访问后直接下载怎样实现?............................................................................ 78
7.说一下 web Quality(无障碍)............................................................................................. 78
8.几个很实用的 BOM 属性对象方法?.......................................................................................... 79
9.说一下 HTML5 drag api........................................................................................................... 80
10.说一下 http2.0....................................................................................................................... 81
11.补充 400 和 401、403 状态码................................................................................................ 81
12.fetch 发送 2 次请求的原因................................................................................................... 82
13.Cookie、sessionStorage、localStorage 的区别............................................................. 82
14.说一下 web worker................................................................................................................. 84
15.对 HTML 语义化标签的理解.................................................................................................... 84
16.iframe 是什么?有什么缺点?............................................................................................. 84
17.Doctype 作用?严格模式与混杂模式如何区分?它们有何意义?....................................... 85
18.Cookie 如何防范 XSS 攻击..................................................................................................... 85
19.Cookie 和 session 的区别..................................................................................................... 85
20.一句话概括 RESTFUL............................................................................................................... 85
21.讲讲 viewport 和移动端布局................................................................................................ 86
《前端校招面试题精编解析大全》
4
22.click 在 ios 上有 300ms 延迟,原因及如何解决?......................................................... 100
23.addEventListener 参数....................................................................................................... 100
24.cookie sessionStorage localStorage 区别................................................................... 100
25.cookie session 区别........................................................................................................... 101
26.介绍知道的 http 返回的状态码.......................................................................................... 101
27.http 常用请求头................................................................................................................... 104
28.强,协商缓存........................................................................................................................ 107
29.HTTP 状态码说说你知道的................................................................................................... 107
30.讲讲 304................................................................................................................................. 109
31.强缓存、协商缓存什么时候用哪个..................................................................................... 109
32.前端优化................................................................................................................................ 110
33.GET 和 POST 的区别............................................................................................................... 110
34.301 和 302 的区别................................................................................................................. 111
35.如何画一个三角形................................................................................................................ 111
36.状态码 304 和 200................................................................................................................ 112
37.说一下浏览器缓存................................................................................................................ 112
38.HTML5 新增的元素................................................................................................................. 113
39.在地址栏里输入一个 URL,到这个页面呈现出来,中间会发生什么?........................... 113
40.cookie 和 session 的区别,localstorage 和 sessionstorage 的区别........................ 114
41.常见的 HTTP 的头部.............................................................................................................. 116
42.HTTP2.0 的特性.................................................................................................................... 116
43.cache-control 的值有哪些................................................................................................. 117
44.浏览器在生成页面的时候,会生成那两颗树?................................................................ 117
45.csrf 和 xss 的网络攻击及防范........................................................................................... 117
46.怎么看网站的性能如何........................................................................................................ 118
47.介绍 HTTP 协议(特征).......................................................................................................... 118
48.说一下对 Cookie 和 Session 的认知,Cookie 有哪些限制?......................................... 119
49.描述一下 XSS 和 CRSF 攻击?防御方法?.......................................................................... 119
50.知道 304 吗,什么时候用 304?......................................................................................... 120
51.具体有哪些请求头是跟缓存相关的.................................................................................... 120
52.cookie 和 session 的区别................................................................................................... 121
53.cookie 有哪些字段可以设置............................................................................................... 121
54.cookie 有哪些编码方式?................................................................................................... 122
55.既然你看过图解 http,那你回答下 200 和 304 的区别................................................... 122
56.除了 cookie,还有什么存储方式。说说 cookie 和 localStorage 的区别................... 123
57.浏览器输入网址到页面渲染全过程.................................................................................... 123
58.HTML5 和 CSS3 用的多吗?你了解它们的新属性吗?有在项目中用过吗?................... 124
59.http 常见的请求方法........................................................................................................... 124
60.get 和 post 的区别............................................................................................................... 125
61.说说 302,301,304 的状态码............................................................................................ 125
《前端校招面试题精编解析大全》
5
62.web 性能优化......................................................................................................................... 126
63.浏览器缓存机制.................................................................................................................... 126
64.post 和 get 区别................................................................................................................... 126
65.说一下 css 盒模型................................................................................................................ 127
66.画一条 0.5px 的线................................................................................................................ 127
67.link 标签和 import 标签的区别......................................................................................... 128
68.transition 和 animation 的区别....................................................................................... 128
69.Flex 布局............................................................................................................................... 128
70.BFC(块级格式化上下文,用于清楚浮动,防止 margin 重叠等)................................ 130
71.垂直居中的方法.................................................................................................................... 130
72.关于 js 动画和 css3 动画的差异性.................................................................................... 133
73.说一下块元素和行元素........................................................................................................ 134
74.多行元素的文本省略号........................................................................................................ 134
75.visibility=hidden, opacity=0,display:none............................................................ 134
76.双边距重叠问题(外边距折叠)........................................................................................ 134
77.position 属性....................................................................................................................... 135
78.浮动清除................................................................................................................................ 136
79.css3 新特性........................................................................................................................... 137
80.CSS 选择器有哪些,优先级呢............................................................................................. 137
81.怎么样让一个元素消失........................................................................................................ 138
82.介绍一下盒模型.................................................................................................................... 138
83.css 动画如何实现................................................................................................................. 139
84.如何实现图片在某个容器中居中的?................................................................................ 139
85.如何实现元素的垂直居中.................................................................................................... 139
86.CSS3 中对溢出的处理........................................................................................................... 140
87.float 的元素,display 是什么.......................................................................................... 140
88.隐藏页面中某个元素的方法................................................................................................ 140
89.三栏布局的实现方式,尽可能多写,浮动布局时,三个 div 的生成顺序有没有影响 140
90.什么是 BFC............................................................................................................................. 142
91.calc 属性............................................................................................................................... 142
92.有一个 width300,height300,怎么实现在屏幕上垂直水平居中................................. 142
93.display:table 和本身的 table 有什么区别................................................................... 143
94.position 属性的值有哪些及其区别................................................................................... 143
95.z-index 的定位方法............................................................................................................. 144
96.CSS 盒模型............................................................................................................................. 144
97.如果想要改变一个 DOM 元素的字体颜色,不在它本身上进行操作?............................ 145
98.对 CSS 的新属性有了解过的吗?........................................................................................ 145
99.用的最多的 css 属性是啥?................................................................................................ 146
100.line-height 和 height 的区别......................................................................................... 146
101.设置一个元素的背景颜色,背景颜色会填充哪些区域?.............................................. 146
剩余349页未读,继续阅读
你说相思赋予谁啊
- 粉丝: 1
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论5