自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 ts中的never和void,any和unknown 的区别

any类型适用于描述一个你根本==不知道他是一个什么样的类型的变量,也可以说是任意一个变量,都可以使用any,不做任何的约束,编译时会自动跳过对其检查的类型。unknown表示未知类型,就是在写代码时还不知道具体会是一个什么类型,是ts3.0中引入的新类型,与any类似,所有类型都可以分配unknown类型。但是与any不同的是,unknown类型变量不允许被any或者unknown以外的变量赋值,也不允许执行unknown类型变量的方法。3.只能使用函数返回值的类型给never类型的变量赋值。

2024-08-02 17:28:11 270

原创 rem理解以及umi react

rem是指相对于根元素的字体大小的单位,在css中,通过设置font-size大小,可以控制整个html文档内使用rem单位的字体大小、元素的高度、内外边距等属性。rem是一种相对单位,与em单位相似,但区别在于rem是相对于根元素计算,而em是相对于其父元素计算。

2024-08-02 11:53:19 888

原创 React合成事件的原理,有什么好处和优势?

总的来说,React合成事件提供了一种高性能、一致性和易于调试的事件处理机制,使开发者可以更专注于应用程序的逻辑,而不必过多关注浏览器差异和性能优化。你可以查看事件的详细信息,包括事件类型、事件目标和事件处理函数,以便更容易调试和分析应用程序的行为。React合成事件是React框架提供的一种事件处理机制,用于处理DOM事件。:React使用事件池来管理事件对象,这意味着事件对象在事件处理函数执行完毕后会被重用,而不是立即销毁。:React合成事件的事件委托和事件池机制有助于减少内存和性能开销。

2024-07-26 20:59:56 338

原创 CSS3的新特性都有哪些?

这些特性使CSS更加强大和灵活,使开发者能够更轻松地实现各种设计和布局效果,同时提高了响应性和性能。CSS3(Cascading Style Sheets 3)引入了许多新特性,以增强网页设计的灵活性和功能。:媒体查询允许根据不同的设备、屏幕尺寸和特性来应用不同的CSS样式,从而实现响应式设计。:CSS Grid布局是一个强大的网格系统,用于创建复杂的布局结构。:CSS3支持二维和三维的元素变换,包括旋转、缩放、移动和透视。属性,用于创建动画和过渡效果,而不需要JavaScript。

2024-07-26 20:58:01 325

原创 Real diff 算法是怎么运作的?从tree层到component层到element层分别讲解

如果类型和属性都相同,React会认为这两个根节点是相同的,不需要进行任何更新。Real-DOM Diff算法,通常称为Virtual DOM Diff算法,是React使用的一种高效的算法,用于比较两个虚拟DOM树(Virtual DOM Tree)之间的差异,并最小化对实际DOM的更新,从而提高性能。总的来说,Real-DOM Diff算法是React的核心之一,它使React能够高效地管理和更新DOM,提供了快速响应用户交互的能力,同时尽可能减少了不必要的DOM操作,提高了性能。

2024-07-26 20:55:42 242

原创 弹盒以及盒子的拖拽

首先在根目录下封装两个组件。tanhe组件的内容。popupbox组件。

2024-07-20 08:30:42 172

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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