![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 76
流氓豆00
这个作者很懒,什么都没留下…
展开
-
BFC(Block Formatting Context)、盒模型、文档流和 Flex 布局
1.BFC(块级格式化上下文):BFC 是一个独立的渲染区域,与外部区域无关。BFC 内的块级元素按照一定的规则进行排列和调整。BFC 具有以下特性:内部盒子在垂直方向上一个接一个放置。BFC 区域不会与浮动元素产生交集,而是紧贴浮动边缘。计算 BFC 高度时,浮动元素也参与计算。2.盒模型:盒模型是 CSS 中的一个基本概念,它描述了元素在页面上的布局和渲染方式。盒模型包括内容(content)、内边距(padding)、边框(border)和外边距(margin)四个部分。原创 2024-01-03 20:52:19 · 471 阅读 · 0 评论 -
React Hooks
Fiber架构是React 16版本中引入的一种新的协调机制,它可以让React更加高效地处理组件的更新和渲染。总之,React Hook的原理是通过Fiber架构和Hooks层在函数组件中管理状态和生命周期,实现更高效和灵活的组件开发。这些Hooks为开发者提供了在函数组件中处理状态、生命周期、性能优化等任务的方法。1. 使用静态变量:在组件中声明的状态变量被视为静态变量,每次组件渲染时,它们的值都不会丢失。3. 在重渲染过程中,React会检查组件的依赖关系,例如useState中的状态变量。原创 2024-01-03 20:19:17 · 941 阅读 · 0 评论