
前端面试题
文章平均质量分 53
“负拾捌”
干就完事了!
展开
-
圣杯布局的两种实现方法flex和float
圣杯布局是一种很经典的布局方法,经典的float方式实现圣杯布局是通过左、中、右三层的包裹层设置左右padding来预留左右元素的位置,重难点是margin 负值;而flex方法实现则简单得多,即给中间元素设置flex:1,接着写死左右元素宽度,最后利用order进行顺序排列。原创 2022-09-08 12:58:36 · 415 阅读 · 1 评论 -
浏览器缓存顺序
的缺点是其精确单位为秒,所以可能会出现缓存判断不准确的情况,例如用户在1s内发送多次请求,若这1s内服务端资源已经改变,由于精确度问题会导致客户端误判为资源未更新,只会从本地缓存中获取资源。值是不一样的,若出现负载均衡情况时也可能导致一致的数据却重新加载。的缺点是因为不同服务器存储的。原创 2022-09-03 20:33:44 · 404 阅读 · 0 评论 -
proxy反向代理解决前端跨域问题vue2
proxy解决跨域的原理主要是基于跨域只会出现浏览器与服务器之间,而服务器与服务器之间进行网络请求就不会出现跨域,所以先配置proxy后会将请求发送给本地服务器,再由本地服务器发送给目标服务器,本地服务器获取到数据后再与客户端通信。原创 2022-09-03 17:40:38 · 926 阅读 · 0 评论 -
express演示前端解决跨域的方法jsonp、cors
即json外面包了一层js函数外衣,jsonp主要是利用了html中等带有src属性的标签进行服务器请求时可以不受跨域影响。成功打印,说明客户端中src请求回来的资源会当作js代码执行,所以我们利用这个特性,希望获取的数据能通过外包裹一层函数的形式传递过来,客户端预先定义了一个接受数据的函数,接着将该函数的函数名作为参数传递到服务端,后续服务端会将这个函数名和返回的数据拼接而返回。字段,即设置上允许跨域访问的域,* 即代表所有域都可以访问。1.在标签的src属性中发请求。原创 2022-09-03 13:24:50 · 583 阅读 · 0 评论 -
js构造函数中this一个箭头函数大坑
之前错误地认为直接运行 fn() ,函数中的this就指向window,然后认为箭头函数中的this就一定指向window。其实不然,做题还是得深究其原理而不是总结所谓的规律。原创 2022-08-29 18:52:43 · 250 阅读 · 0 评论 -
一句话总结防抖和节流的区别?
手写、防抖和节流、防抖和节流的区别,代码上的的区别原创 2022-06-14 12:11:07 · 145 阅读 · 0 评论 -
循序渐进手写防抖函数
手写防抖函数,为什么要防抖函数要改变this指向原创 2022-06-14 11:05:01 · 166 阅读 · 0 评论 -
JS3 分隔符(递归)
描述请补全JavaScript代码,要求返回参数数字的千分位分隔符字符串。题目请补全JavaScript代码,要求返回参数数字的千分位分隔符字符串。示例输入:_comma(12300)输出:‘12,300’代码function _comma(number){ if(number<1000){ return number.toTring() }else{ return _comma(parseInt(number/1000))+','+_comma(number%1000)原创 2022-05-27 13:01:16 · 247 阅读 · 0 评论 -
为什么需要等待2MSL
为什么第四次握手要等待2MSL后客户端才进入CLOSED状态?MSL(Max Segment Lifetime):最长报文段寿命报文最长存活时间就是1MSL,服务端在第三次挥手后也会等待2MSL时间,为的就是怕第四次挥手的ACK确认报文丢失。因为若不等待2MSL客户端就立即进入CLOSED,有可能ACK包丢失从而导致服务端一直处于LAST_ACK状态,此时即使服务端再怎么重发也没用了,因为客户端已经进入CLOSED状态了。所以客户端发送ACK包后等待2MSL,即假设发ACK包要1MSL,若下一个1原创 2022-05-25 20:53:01 · 1658 阅读 · 0 评论 -
箭头函数中的this
题目1: var x = 11; var obj = { x:22, say: ()=>{ console.log(this.x) } } obj.say()//输出:11分析:关于箭头函数中的this:箭头函数中的this是在定义函数的时候绑定,而不是在执行函数的时候绑定。箭头函数中,this指向固定化,并不是因为箭头函数内部有绑定机制,实际原因是箭头函数根本没有自己的t原创 2022-03-15 11:41:27 · 219 阅读 · 0 评论 -
阿里巴巴this指向经典面试题
题目: var name = 222 var a = { name: 111, say: function () { console.log(this.name) } } var fun = a.say fun() a.say() var b = { name: 33原创 2022-03-14 11:41:00 · 323 阅读 · 0 评论 -
js预编译习题
题目: function fn(a,c) { console.log(a) var a = 123 console.log(a) console.log(c) function a() { } if(false) { var d = 678 } consol原创 2022-03-14 10:27:15 · 522 阅读 · 0 评论