光烂
获得徽章 0
React是一个用于构建用户界面的JavaScript库。它由Facebook开发，并且已经在开源社区中得到了广泛的应用和支持。
React的核心思想是组件化开发，将UI拆分为独立的可重用组件，每个组件都有自己的状态和生命周期。通过组件的组合和嵌套，可以构建复杂的用户界面。
React使用虚拟DOM（Virtual DOM）来提高性能。虚拟DOM是一个轻量级的内存表示，React通过比较虚拟DOM的差异来最小化实际DOM操作的次数，从而提高渲染性能。
React还支持单向数据流，即数据从父组件向子组件传递，子组件不可以直接修改父组件的数据。这种数据流的设计使得应用的数据流动更加可控和可预测。
除了核心库之外，React还有一些相关的工具和库，如React Router用于处理路由，Redux用于状态管理等。React生态系统非常丰富，有大量的第三方库和组件可供使用。
总的来说，React是一个强大且灵活的前端框架，它可以帮助开发者构建高效、可维护和可扩展的用户界面。
React的核心思想是组件化开发，将UI拆分为独立的可重用组件，每个组件都有自己的状态和生命周期。通过组件的组合和嵌套，可以构建复杂的用户界面。
React使用虚拟DOM（Virtual DOM）来提高性能。虚拟DOM是一个轻量级的内存表示，React通过比较虚拟DOM的差异来最小化实际DOM操作的次数，从而提高渲染性能。
React还支持单向数据流，即数据从父组件向子组件传递，子组件不可以直接修改父组件的数据。这种数据流的设计使得应用的数据流动更加可控和可预测。
除了核心库之外，React还有一些相关的工具和库，如React Router用于处理路由，Redux用于状态管理等。React生态系统非常丰富，有大量的第三方库和组件可供使用。
总的来说，React是一个强大且灵活的前端框架，它可以帮助开发者构建高效、可维护和可扩展的用户界面。
展开
评论
点赞
做好思维导图是一种有效的学习和思考工具，可以帮助整理和组织思维，提高学习效率和记忆力。以下是一些技巧和步骤，可以帮助你学习做好思维导图：
1. 选择合适的工具：选择一种适合你的工具来创建思维导图，如纸笔、白板、思维导图软件等。根据自己的喜好和需要，选择一种方便使用和灵活编辑的工具。
2. 定义主题或中心思想：思维导图的中心思想是整个导图的核心，它可以是一个单词、短语或一个图标。将中心思想放置在导图的中央位置。
3. 添加主要分支：从中心思想开始，添加主要分支，用于表示与中心思想相关的主要概念或主题。每个主要分支应该与中心思想直接相连，并具有相应的标题。
4. 添加次要分支：在每个主要分支下方，添加次要分支，用于表示与主要分支相关的次要概念、细节或例子。次要分支应该与相应的主要分支相连，并具有相应的标题。
5. 使用关键词和图标：在思维导图中使用简洁的关键词和图标，以表达和表示概念，帮助记忆和理解。使用简洁明了的关键词，而不是完整的句子或段落。
6. 使用颜色和形状：使用不同的颜色和形状来区分不同的概念、分支或层级，以增加可视化效果和易读性。可以根据自己的喜好和需要进行颜色和形状的选择。
7. 保持简洁和有序：思维导图应该保持简洁和有序，避免过多的文字和混乱的连接线。使用简短的关键词和简洁的句子，以保持导图的清晰度和易读性。
8. 练习和复习：通过不断的练习和复习思维导图，可以加深记忆和理解。将思维导图作为学习的一个工具，定期回顾和更新导图，加强记忆和理解。
9. 自定义和调整：根据自己的学习风格和需求，自定义和调整思维导图的结构和样式。逐渐找到适合自己的方式和方法，使思维导图成为一个有效的学习工具。
总之，做好思维导图需要练习和实践。通过不断的尝试和调整，你会逐渐掌握思维导图的技巧，提高学习效率和思考能力。
1. 选择合适的工具：选择一种适合你的工具来创建思维导图，如纸笔、白板、思维导图软件等。根据自己的喜好和需要，选择一种方便使用和灵活编辑的工具。
2. 定义主题或中心思想：思维导图的中心思想是整个导图的核心，它可以是一个单词、短语或一个图标。将中心思想放置在导图的中央位置。
3. 添加主要分支：从中心思想开始，添加主要分支，用于表示与中心思想相关的主要概念或主题。每个主要分支应该与中心思想直接相连，并具有相应的标题。
4. 添加次要分支：在每个主要分支下方，添加次要分支，用于表示与主要分支相关的次要概念、细节或例子。次要分支应该与相应的主要分支相连，并具有相应的标题。
5. 使用关键词和图标：在思维导图中使用简洁的关键词和图标，以表达和表示概念，帮助记忆和理解。使用简洁明了的关键词，而不是完整的句子或段落。
6. 使用颜色和形状：使用不同的颜色和形状来区分不同的概念、分支或层级，以增加可视化效果和易读性。可以根据自己的喜好和需要进行颜色和形状的选择。
7. 保持简洁和有序：思维导图应该保持简洁和有序，避免过多的文字和混乱的连接线。使用简短的关键词和简洁的句子，以保持导图的清晰度和易读性。
8. 练习和复习：通过不断的练习和复习思维导图，可以加深记忆和理解。将思维导图作为学习的一个工具，定期回顾和更新导图，加强记忆和理解。
9. 自定义和调整：根据自己的学习风格和需求，自定义和调整思维导图的结构和样式。逐渐找到适合自己的方式和方法，使思维导图成为一个有效的学习工具。
总之，做好思维导图需要练习和实践。通过不断的尝试和调整，你会逐渐掌握思维导图的技巧，提高学习效率和思考能力。
展开
评论
点赞
![[灵光一现]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_25.51e6984.png)
![[微笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_1.7d9f699.png)
![[可怜]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_5.ece2a96.png)
Day3：深入CSS
优先级：根据特异度（越特殊，优先级越高）
文字相关的可以继承，盒子相关不可继承
继承，初始值
布局：盒模型（有margin，padding，content）
height、width：长度、百分数（父级有一个确切的高度）、auto
块级盒子vs行级盒子（css含义）块级元素、行级元素（HTML）；
BFC（Block Formatting Context） 块级排版上下文
flex布局： display：flex；遵循flex的规则。主轴，侧轴
grid布局：display：grid；划分网格
flaot回归只是用于图文使用
position：relative,absolute(子绝父相） ,static,fixed
flex与position的相互影响
优先级：根据特异度（越特殊，优先级越高）
文字相关的可以继承，盒子相关不可继承
继承，初始值
布局：盒模型（有margin，padding，content）
height、width：长度、百分数（父级有一个确切的高度）、auto
块级盒子vs行级盒子（css含义）块级元素、行级元素（HTML）；
BFC（Block Formatting Context） 块级排版上下文
flex布局： display：flex；遵循flex的规则。主轴，侧轴
grid布局：display：grid；划分网格
flaot回归只是用于图文使用
position：relative,absolute(子绝父相） ,static,fixed
flex与position的相互影响
展开
评论
点赞