自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 前端手写call方法

【代码】前端手写call方法。

2024-08-08 14:11:46 187

原创 前端面试手写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

原创 vue2响应式修改数据(对象、数组)

vue2对象和数组的响应式相关问题

2024-06-04 15:04:03 1318

原创 浏览器缓存

强制缓存就是浏览器向服务器请求资源,服务器响应头给予一个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关注的人

提示
确定要删除当前文章?
取消 删除