- 博客(12)
- 收藏
- 关注
原创 前端面试手写forEach,map,filter,find,findIndex,every,some,reduce,new
手写findIndex。
2024-08-08 13:57:26
260
原创 前端原型链
既然Object.prototype是一个对象,那么我们看看Object.prototype.__proto__是啥。● 对象的__proto__保存着该对象的构造函数的prototype 从属关系。● prototype -> 函数的一个属性:对象{}->对象Object的一个属性:对象{}先从自身去找,找不到顺着链子一层一层往上找。prototype是一个原型|原型对象。
2024-06-28 15:46:06
363
原创 Object.is() 与比较操作符 “===”、“==” 的区别?
【代码】Object.is() 与比较操作符 “===”、“==” 的区别?
2024-06-23 23:09:01
226
原创 isNaN 和 Number.isNaN 函数的区别?
isNaN会通过Number方法,试图将字符串"测试"转换成Number类型,但转换失败了,因为 Number(‘测试’) 的结果为NaN ,所以最后返回true。而Number.isNaN方法,只是严格的判断传入的参数是否全等于NaN( ‘测试’ === NaN) ,字符串当然不全等于NaN啦,所以输出false。对于可以被Number转换为数值的值x,那么isNaN(x)就是false如果不可以被Number转换为数值的值y,那么isNaN(y)就是true。
2024-06-23 22:59:14
309
原创 浏览器缓存
强制缓存就是浏览器向服务器请求资源,服务器响应头给予一个cache-control 或者expires ,在这个时间之内,就不会向服务器请求资源,但是强制缓存有个问题:如果服务端已经更新数据了,但是我们的本地浏览器还使用之前的旧数据,也就是使用本地的缓存,那么就不对了对吧,所以我们要使用协商缓存。协商缓存的状态码是304,浏览器向服务器发送请求,服务器会根据请求头携带的一些参数来判断是否命中协商缓存,如果命中,那么就告诉我浏览器从自己的缓存中获取数据,否则就服务器返回新的数据。
2024-06-04 10:25:58
730
原创 git分支
有一个需求:比如有两个分支,一个sg分支,一个master分支,必须保证master分支是绝对稳定的,想象一下你正在开心(o(╥﹏╥)o)的开发sg分支下的代码,此时老板告诉你master分支有错误,需要紧急维护一下,但是sg分支你已经写了许多代码了,怎么切换到master分支呢?之后我们使用git stash list`查看id列表。之后我们就可以切换到master分支了!此时就恢复到我们之前写的代码了!如果我们只是单纯的使用。
2024-05-30 16:36:25
334
原创 前端搭建简易的WebSocket
/建立连接,发送请求给websocket。"客户端向服务端发送消息,你好啊""服务端给客户端的回应:""客户端连接上服务端了"
2024-05-21 09:39:52
360
原创 CSS面试题之BFC
概念:块格式化上下文(Block Formatting Context,BFC) 是Web页面的可视化CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。我们先回顾一下之前常规块元素的问题垂直方向上相邻的元素,margin会合并父子关系的情况下,会产生margin塌陷父子关系的情况下,父元素无视浮动元素会产生高度塌陷兄弟关系的情况下,正常元素可能会被浮动元素覆盖(正常元素在浮动元素之后)开启BFC的区域,是一块独立的渲染区域,互不干扰。
2024-05-19 17:12:52
1898
1
原创 CSS面试题之margin合并问题
事实并不是这样,他们之间间隔还是50px,这就是margin合并问题,其实margin合并的话是合并margin比较大的那个值,如果一样就随机取一个。如果div2设置margin-top:70px;行级元素的margin左右正常不合并,纵向margin不起作用(设置了属性margin-top也无动于衷)● 行元素的padding,横向可以设置,纵向不能完美设置(能看见,但是不占据空间)● 行元素的margin,横向可用不合并,纵向margin不起作用。● 可以给div2设置margin-top:50px。
2024-05-19 16:14:25
363
1
原创 CSS面试题之margin塌陷问题
首先说一下什么是margin塌陷问题,就是我们子元素设置margin,其父盒子被设置成类似margin-top的效果。我们想让inner1距离父容器各自10px,那么直接给inner设置margin:10px即可。但是最终效果并不是这样子,父元素被顶了10px的高度,这就是元素margin塌陷问题。● 父元素设置overflow:hidden(触发BFC)第一种方式设置overflow:hidden。● 父元素设置padding。● 父元素设置border。第三种方式设置border。
2024-05-16 15:59:52
329
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人