没有合适的资源?快使用搜索试试~ 我知道了~
2022最新版前端面试题手册(170页带答案).docx
需积分: 0 0 下载量 87 浏览量
2023-06-06
15:17:29
上传
评论
收藏 5.15MB DOCX 举报
温馨提示
试读
171页
2022最新版前端面试题手册(170页带答案).docx
资源推荐
资源详情
资源评论
2021-2022最新版前端工程师面试题手册
目录
1| 前端基础........................................................................................................................ 11
1.1|HTTP/HTML/浏览器................................................................................................ 11
说一下http和https......................................................................................... 11
tcp三次握手,一句话概括............................................................................ 12
TCP和UDP的区别.........................................................................................12
WebSocket的实现和应用................................................................................12
HTTP请求的方式,HEAD方式....................................................................13
一个图片url访问后直接下载怎样实现?....................................................13
说一下webQuality(无障碍)...................................................................... 14
几个很实用的BOM属性对象方法?..............................................................14
说一下HTML5dragapi...................................................................................15
说一下http2.0.................................................................................................. 15
补充400和401、403状态码........................................................................15
fetch发送2次请求的原因............................................................................. 16
Cookie、sessionStorage、localStorage的区别................................................ 16
说一下webworker............................................................................................17
对HTML语义化标签的理解..........................................................................17
iframe是什么?有什么缺点?.......................................................................17
Doctype作用?严格模式与混杂模式如何区分?它们有何意义?................17
Cookie如何防范XSS攻击..............................................................................18
Cookie和session的区别.................................................................................18
一句话概括RESTFUL.....................................................................................18
讲讲viewport和移动端布局...........................................................................18
click在ios上有300ms延迟,原因及如何解决?......................................18
addEventListener参数......................................................................................18
cookiesessionStoragelocalStorage区别...........................................................19
cookiesession区别...........................................................................................19
介绍知道的http返回的状态码......................................................................19
http常用请求头...............................................................................................21
强,协商缓存.................................................................................................. 24
讲讲304............................................................................................................25
强缓存、协商缓存什么时候用哪个..............................................................25
前端优化...........................................................................................................26
GET和POST的区别.......................................................................................26
301和302的区别........................................................................................... 27
HTTP支持的方法............................................................................................27
1
如何画一个三角形.......................................................................................... 27
状态码304和200........................................................................................... 27
说一下浏览器缓存.......................................................................................... 28
HTML5新增的元素.........................................................................................28
在地址栏里输入一个URL,到这个页面呈现出来,中间会发生什么?....28
cookie和session的区别,localstorage和sessionstorage的区别.................29
常见的HTTP的头部.......................................................................................29
HTTP2.0 的特性..............................................................................................30
cache-control的值有哪些...............................................................................30
浏览器在生成页面的时候,会生成那两颗树?..........................................30
csrf和xss的网络攻击及防范.........................................................................30
怎么看网站的性能如何.................................................................................. 31
介绍HTTP协议(特征).....................................................................................31
输入URL到页面加载显示完成发生了什么?.............................................. 31
说一下对Cookie和Session的认知,Cookie有哪些限制?....................... 31
描述一下XSS和CRSF攻击?防御方法?..................................................32
知道304吗,什么时候用304?...................................................................32
具体有哪些请求头是跟缓存相关的..............................................................32
cookie和session的区别..................................................................................32
cookie有哪些字段可以设置...........................................................................33
cookie有哪些编码方式?...............................................................................33
除了cookie,还有什么存储方式。说说cookie和localStorage的区别.....33
浏览器输入网址到页面渲染全过程..............................................................34
HTML5和CSS3用的多吗?你了解它们的新属性吗?有在项目中用过
吗?...........................................................................................................................34
http常见的请求方法.......................................................................................35
get和post的区别............................................................................................ 35
说说302,301,304的状态码......................................................................35
web性能优化................................................................................................... 35
浏览器缓存机制.............................................................................................. 35
post和get区别................................................................................................ 36
1.2|CSS............................................................................................................................36
说一下css盒模型............................................................................................36
画一条0.5px的线............................................................................................37
link标签和import标签的区别.......................................................................37
transition和animation的区别.........................................................................38
Flex布局...........................................................................................................38
BFC(块级格式化上下文,用于清楚浮动,防止margin重叠等)..........39
垂直居中的方法.............................................................................................. 39
关于JS动画和css3动画的差异性................................................................41
说一下块元素和行元素.................................................................................. 41
多行元素的文本省略号.................................................................................. 41
visibility=hidden,opacity=0,display:none......................................................42
双边距重叠问题(外边距折叠)..................................................................42
2
position属性比较............................................................................................42
浮动清除...........................................................................................................43
css3新特性.......................................................................................................43
CSS选择器有哪些,优先级呢.......................................................................43
清除浮动的方法,能讲讲吗..........................................................................44
怎么样让一个元素消失,讲讲......................................................................44
介绍一下盒模型.............................................................................................. 44
position相关属性.............................................................................................45
css动画如何实现.............................................................................................45
如何实现图片在某个容器中居中的?..........................................................46
如何实现元素的垂直居中.............................................................................. 46
CSS3中对溢出的处理.....................................................................................46
float的元素,display是什么..........................................................................46
隐藏页面中某个元素的方法..........................................................................46
三栏布局的实现方式,尽可能多写,浮动布局时,三个div的生成顺序有
没有影响...................................................................................................................46
什么是BFC...................................................................................................... 47
calc属性...........................................................................................................47
有一个width300,height300,怎么实现在屏幕上垂直水平居中..............47
display:table和本身的table有什么区别....................................................48
position属性的值有哪些及其区别.................................................................48
z-index的定位方法.........................................................................................48
如果想要改变一个DOM元素的字体颜色,不在它本身上进行操作?...49
对CSS的新属性有了解过的吗?..................................................................49
用的最多的css属性是啥?........................................................................... 49
line-height和height的区别............................................................................49
设置一个元素的背景颜色,背景颜色会填充哪些区域?..........................49
知道属性选择器和伪类选择器的优先级吗..................................................49
inline-block、inline和block的区别;为什么img是inline还可以设置宽高
49
用css实现一个硬币旋转的效果................................................................... 50
了解重绘和重排吗,知道怎么去减少重绘和重排吗,让文档脱离文档流有
哪些方法...................................................................................................................51
CSS画正方体,三角形...................................................................................51
overflow的原理................................................................................................ 53
清除浮动的方法.............................................................................................. 53
box-sizing的语法和基本用处........................................................................ 54
使元素消失的方法有哪些?..........................................................................54
两个嵌套的div,position都是absolute,子div设置top属性,那么这个top
是相对于父元素的哪个位置定位的。..................................................................54
说说盒子模型.................................................................................................. 54
display............................................................................................................... 54
怎么隐藏一个元素.......................................................................................... 55
display:none和visibilty:hidden的区别...........................................................5
3
相对布局和绝对布局,position:relative和obsolute。..................................55
flex布局............................................................................................................55
block、inline、inline-block的区别。........................................................... 56
css的常用选择器.............................................................................................56
css布局.............................................................................................................56
css定位.............................................................................................................57
relative定位规则..............................................................................................57
垂直居中...........................................................................................................58
css预处理器有什么........................................................................................ 58
1.3|JavaScript.................................................................................................................. 58
get请求传参长度的误区.................................................................................58
补充get和post请求在缓存方面的区别.......................................................58
说一下闭包...................................................................................................... 59
说一下类的创建和继承.................................................................................. 59
如何解决异步回调地狱.................................................................................. 61
说说前端中的事件流...................................................................................... 61
如何让事件先冒泡后捕获.............................................................................. 61
说一下事件委托.............................................................................................. 62
说一下图片的懒加载和预加载......................................................................62
mouseover和mouseenter的区别.....................................................................62
JS的new操作符做了哪些事情..................................................................... 62
改变函数内部this指针的指向函数(bind,apply,call的区别)........... 62
JS的各种位置,比如 clientHeight,scrollHeight,offsetHeight,以及 scrollTop,
offsetTop,clientTop的区别?...................................................................................63
JS拖拽功能的实现..........................................................................................63
异步加载JS的方法.........................................................................................63
Ajax解决浏览器缓存问题..............................................................................64
JS的节流和防抖..............................................................................................64
JS中的垃圾回收机制......................................................................................64
eval是做什么的...............................................................................................65
如何理解前端模块化...................................................................................... 66
说一下CommonJS、AMD和CMD.................................................................66
对象深度克隆的简单实现.............................................................................. 67
实现一个once函数,传入函数参数只执行一次.........................................67
将原生的ajax封装成promise........................................................................ 67
JS监听对象属性的改变..................................................................................68
如何实现一个私有变量,用getName方法可以访问,不能直接访问......68
==和===、以及Object.is的区别...................................................................69
setTimeout、setInterval和requestAnimationFrame之间的区别...................69
实现一个两列等高布局,讲讲思路..............................................................70
自己实现一个bind函数.................................................................................70
用setTimeout来实现setInterval..................................................................... 70
JS怎么控制一次加载一张图片,加载完后再加载下一张.........................71
代码的执行顺序.............................................................................................. 72
4
如何实现sleep的效果(es5或者es6).......................................................72
简单的实现一个promise.................................................................................73
Function._proto_(getPrototypeOf)是什么?......................................................73
实现JS中所有对象的深度克隆(包装对象,Date对象,正则对象)....74
简单实现Node的Events模块....................................................................... 76
箭头函数中this指向举例.............................................................................. 77
JS判断类型......................................................................................................77
数组常用方法.................................................................................................. 77
数组去重...........................................................................................................78
闭包有什么用................................................................................................. 78
事件代理在捕获阶段的实际应用..................................................................78
去除字符串首尾空格...................................................................................... 78
性能优化...........................................................................................................79
来讲讲JS的闭包吧.........................................................................................79
能来讲讲JS的语言特性吗.............................................................................79
如何判断一个数组(讲到typeof差点掉坑里)................................................80
你说到typeof,能不能加一个限制条件达到判断条件...............................80
JS实现跨域......................................................................................................80
JS基本数据类型..............................................................................................80
JS深度拷贝一个元素的具体实现..................................................................80
之前说了ES6set可以数组去重,是否还有数组去重的方法.....................81
重排和重绘,讲讲看...................................................................................... 81
JS的全排列......................................................................................................81
跨域的原理...................................................................................................... 82
不同数据类型的值的比较,是怎么转换的,有什么规则..........................82
null==undefined为什么.................................................................................82
this的指向哪几种...........................................................................................83
暂停死区...........................................................................................................83
AngularJS双向绑定原理.................................................................................83
写一个深度拷贝.............................................................................................. 84
简历中提到了requestAnimationFrame,请问是怎么使用的.......................85
有一个游戏叫做FlappyBird,就是一只小鸟在飞,前面是无尽的沙漠,上
下不断有钢管生成,你要躲避钢管。然后小明在玩这个游戏时候老是卡顿甚至
崩溃,说出原因(3-5个)以及解决办法(3-5个)....................................... 85
编写代码,满足以下条件:(1)Hero("37er");执行结果为 Hi!Thisis37er
(2)Hero("37er").kill(1).recover(30);执行结果为 Hi! This is 37er Kill 1 bug
Recover30bloods(3)Hero("37er").sleep(10).kill(2)执行结果为 Hi!Thisis37er//
等待10s后 Kill2bugs //注意为bugs(双斜线后的为提示信息,不需要打印)
85
什么是按需加载.............................................................................................. 86
说一下什么是virtualdom............................................................................... 86
webpack用来干什么的....................................................................................86
ant-design优点和缺点....................................................................................87
JS中继承实现的几种方式,..........................................................................87
5
剩余170页未读,继续阅读
资源评论
2201_75761617
- 粉丝: 21
- 资源: 7339
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功