2301_79074970的博客

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

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

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

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

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

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