2021最新版前端工程师面试题手册 目录 11前端基础.. -11 1.1|HTTP/HTML/浏览器 说一下 http和https -11 tcp三次握手，一句话概括.. .12 TCP和UDP的区别 ..12 WebSocket的实现和应用. HTTP请求的方式，HEAD方式 ..13 个图片url访问后直接下载怎样实现？
..13 说一下webQuality（无障碍） 14 几个很实用的BOM属性对象方法？
. ..14 说-下 HTML5 drag api- 15 说一下http2.. ..15 补充400和401、403状态码 ..15 fetch发送2次请求的原因 16 Cookie、sessionStorage、localStorage 的区别 ... .6 说-下web worker.. -.17 对HTML语义化标签的理解 ..7 iframe是什么？
有什么缺点？
Doctype作用？
严格模式与混杂模式如何区分？
它们有何意义？
. -17 Cookie如何防范XSS攻击 .. Cookie 和 sesson 的区别 ..18 句话概括RESTFUL. ..18 讲讲viewport和移动端布局 ...18 click在ios上有300ms延迟，原因及如何解决？
..18 addEventListener参数 .8 cookie sessionStorage localStorage 别.. . 19 cookie session区别 ..19 介绍知道的htp返回的状态码 ..19 http常用请求头 ...21 强，协商缓存 . 24 讲讲304 ..25 强缓存、协商缓存什么时候用哪个 ..25 前端优化 ..26 GET和POST的区别.. ...26 301和302的区别 27 HTTP支持的方法 27
如何画一个三角形 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 cookie 和 session 的区别... ..32 cookie有哪些字段可以设置 .3 cookie有哪些编码方式？
.33 除了cookie，还有什么存储方式.说说cookie和localStorage的区别..33 浏览器输人网址到页面谊染全过程 34 HTML5和CSS3用的多吗？
你了解它们的新属性吗？
有在项目中用过 吗？
..34 htp常见的请求方法 ..35 get 和post的区别.. . 35 说说302，301，304的状态码. ..35 web性能优化 .-.35 浏览器缓存机制 . 35 post 和get区别.. ..36 1.21 CSS. ...36 说一下css盒模型 ...36 画一条0.5px的线. link标签和import标签的区别 transition 和 animation 的区别. ...8 Flex布局 38 BFC（块级格式化上下文，用于清楚浮动，防止margin重叠等） 39 垂直居中的方法.. 39 关于JS动画和css3动画的差异性 ..41 说一下块元素和行元素 ....1 多行元素的文本省略号. - 41 visibility=hidden opacity=O display:none... .42 双边距重叠问题（外边距折叠） 42
position属性比较 42 浮动清除.. -43 cSs3新特性 ..43 CSS选择器有哪些，优先级呢 清除浮动的方法，能讲讲吗.. ..44 怎么样让一个元素消失，讲讲.. ..44 介绍一下盒模型 . 44 position相关属性 ..45 css动画如何实现. .45 如何实现图片在某个容器中居中的？
.46 如何实现元素的垂直居中... ...6 CSS3中对溢出的处理. ..46 float的元素，display是什么 46 隐藏页面中某个元素的方法 46 三栏布局的实现方式，尽可能多写，浮动布局时，三个div的生成顺序有 没有影响 -46 什么是BFC .47 calc属性 .47 有一个width300，height300，怎么实现在屏幕上垂直水平居中 display：table和本身的table有什么区别. position属性的值有哪些及其区别. .48 z-index的定位方法. ..8 如果想要改变一个DOM元素的字体颜色，不在它本身上进行操作？
..49 对CSS的新属性有了解过的吗？
.49 用的最多的css属性是啥？
.. 49 line-height 和height 的区别 ..9 设置一个元素的背景颜色，背景颜色会填充哪些区城？
..9 知道属性选择器和伪类选择器的优先级吗. ..9 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 说说盒子模型 .. .4. display -.54 怎么隐藏一个元素. .55 displaynone和visibilty:hidden的区别 55
相对布局和绝对布局，position:relative和obsolute. .55 flex布局 ..55 block、inline、inline-block 的区别. ..56 css的常用选择.. ...56 csS布局. ...56 cSS定位. ...7 relative定位规则 -.57 垂直居中.. 58 css预处理器有什 . 58 1.3 1 JavaScript. ...58 get请求传参长度的误区 58 补充get和post请求在缓存方面的区别 .58 说一下闭包 ..59 说一下类的创建和继承 ...59 如何解决异步回调地狱. 61 说说前端中的事件流 ..61 如何让事件先冒泡后捕 说一下事件委托. 62 说一下图片的懒加载和预加载 ..62 mouseover和mouseenter的区别 .62 JS的new操作符做了哪些事情 62 改变函数内部this指针的指向函数（bind，apply，call的区别) 62 JS的各种位置，比如 clientHeight scrollHeight offetHeight，以及scrollTop， offsetTop clientTop的区别？
..63 JS拖拽功能的实现 异步加载JS的方法. ..63 Ajax解决浏览器缓存问题 JS的节流和防抖 ..64 JS中的垃圾回收机制 ..64 eval是做什么的... ..-65 如何理解前端模块化. 66 说一下 CommonJS、AMD 和 CMD .66 对象深度克隆的简单实现 67 实现一个once函数，传人函数参数只执行一次 9 将原生的ajax封装成promise.. 67 JS监听对象属性的改变 ..68 如何实现一个私有变量，用getName方法可以访问，不能直接访问....68 =-和=-=、以及Object.is 的区别 69 setTimeout、setInterval和 requestAnimationFrame之间的区别 ..69 实现一个两列等高布局，讲讲思路 ..70 自己实现一个bind函数. ..70 用setTimeout来实现setInterval. 70 JS怎么控制一次加载一张图片，加载完后再加载下一张 代码的执行顺序 72
如何实现sleep的效果（es5或者es6） 简单的实现一个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，能不能加一个限制条件达到判断条件 JS实现跨城. ..80 JS基本数据类型 ...B0 JS深度拷贝一个元素的具体实现 ..BO 之前说了ES6set可以数组去重，是否还有数组去重的方法 ..81 重排和重绘，讲讲看 ...81 JS的全排列. 81 跨城的原理 82 不同数据类型的值的比较，是怎么转换的，有什么规则 ...82 null == undefined 为什么. ..82 this的指向哪几种 ...3 暂停死区 ..83 AngularJS双向绑定原理. 88* 写一个深度拷 .84 简历中提到了requestAnimationFrame，请问是怎么使用的 .85 有一个游戏叫做FlappyBird，就是一只小鸟在飞，前面是无尽的沙漠，上 下不断有钢管生成，你要躲避钢管.然后小明在玩这个游戏时候老是卡顿甚至 崩溃，说出原因（3-5个）以及解决办法（3-5个） -.85 编写代码，满足以下条件：（1）Hero（"37er）：执行结果为HilThisis37er (2）Hero(“37er）.kill(1).recover(30);执行结果为Hil This is 37er Kill 1 bug Recover 30 bloods (3)Hero(37er).sleep(10).kill(2)执行结果为Hil This is 37er // 等待10s后Kill2bugs//注意为bugs（双斜线后的为提示信息，不需要打印） 85 什么是按需加载. 86 说一下什么是virtual dom. webpack用来干什么的 98 ant-design优点和缺点. .87 JS中继承实现的几种方式，
