- 博客(17)
- 收藏
- 关注
原创 手写实现bind
方法内部,我们保存了原始函数的引用,并返回一个新的函数,该函数在调用时会将指定的上下文绑定到原始函数,并且可以传递参数。方法的关键在于理解它的功能以及如何创建一个新的函数,该函数会在调用时将指定的上下文绑定到原始函数,并可以传递参数。下面是一个使用 JavaScript 实现。方法,将一个对象作为上下文绑定到。函数上,然后调用绑定后的函数。在上面的示例中,我们通过扩展。
2024-03-05 21:33:29 359 1
原创 route笔记
当你配置props为true的时候,你给路由配置了params属性,在你需要使用的页面只需要使用definProps函数基于可以。命名路由的跳转(第一种:string字符串跳转,第二种:对象的方式通过name跳转,第三种:对象的方式通过path跳转)history:createWebHashHistory(),//history模式。history:createWebHistory(),//history模式。路由的一般进入模式为push进入,可以在浏览器的history中前进或者后退。
2024-01-09 16:06:59 312
原创 回流和重绘
当 DOM 的结构或样式发生改变时,浏览器需要重新计算元素的几何属性(例如位置、大小)和布局(包括其他相关元素的位置和大小),这个过程称为回流。:当元素的样式发生改变时,但不影响其几何属性和布局时,浏览器只需重新绘制(重绘)这些元素,而无需重新计算它们的几何属性和布局。简而言之,回流是指对元素进行重新计算布局的过程,而重绘是指只需重新绘制元素的外观而无需重新计算布局的过程。总之,在开发过程中,要尽量减少回流和重绘的触发次数,以优化页面性能和用户体验。由于回流比重绘的开销更大,因此应尽量减少回流的触发。
2023-12-27 11:17:07 386 1
原创 css元素居中
使用表格布局:将父容器设置为 display: table;,并将元素设置为 display: table-cell;使用 Flexbox 布局:对于没有固定宽高的元素,可以将父容器设置为 display: flex;使用绝对定位和 transform 属性:将元素的位置设置为绝对定位,并使用 transform 属性来居中。使用 Flexbox 布局:将父容器设置为 display: flex;使用绝对定位和负边距:将元素的位置设置为绝对定位,并且使用负边距将其居中。元素水平垂直居中的方法有哪些?
2023-12-26 14:36:21 349 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人