关注
分享
星辰迷上大海
饮水思源，行胜于言。这盛世如你所愿！运动使我健康，旅行使我记忆，学习让我懂得思考。
展开
-
前端React篇之React Hook 的理解及实现原理
React Hooks 是一种让函数组件拥有状态和副作用处理能力的特性。它的实现原理基于 React 的 Fiber 架构和 JavaScript 的闭包机制，通过 Hooks 链表来管理组件的状态和副作用。原创 2024-03-19 08:15:00 · 1293 阅读 · 0 评论 -
前端之Dva 和 Umi
Dva和Umi都是基于React的前端开发框架。Dva是一个基于Redux和React-Router的轻量级框架，提供了简洁的数据流方案和路由管理；而Umi是一个可插拔的企业级前端应用框架，内置了路由、构建、部署等功能，让前端开发更高效。原创 2024-03-19 07:45:00 · 972 阅读 · 0 评论 -
前端React篇之Redux 和 Vuex 的区别及共同思想
Redux和Vuex都是用于管理应用程序状态的工具，Redux是为React设计的，而Vuex是为Vue设计的。原创 2024-03-17 08:15:00 · 520 阅读 · 0 评论 -
前端React篇之React的生命周期有哪些？
React的生命周期包括几个重要阶段：首先是挂载阶段，包括constructor构造函数、render渲染方法和componentDidMount挂载完成方法；接着是更新阶段，涵盖shouldComponentUpdate、render和componentDidUpdate方法；最后是卸载阶段，包括componentWillUnmount方法。原创 2024-03-17 07:45:00 · 1140 阅读 · 0 评论 -
前端React篇之对 Redux 的理解，主要解决什么问题？Redux 原理及工作流程
Redux是一个用于管理应用程序状态的工具，主要解决了在大型前端应用中状态管理变得复杂和混乱的问题。原创 2024-03-16 10:44:18 · 1056 阅读 · 0 评论 -
前端React篇之组件通信的方式有哪些?父子组件的通信方式？跨级组件的通信方式？非嵌套关系组件的通信方式？如何解决 props 层级过深的问题?
在React中，组件通信的方式有多种：父子组件的通信可以通过props传递数据和回调函数来实现，父组件通过props向子组件传递数据，子组件通过回调函数将数据传递回父组件；原创 2024-03-16 07:45:00 · 983 阅读 · 0 评论 -
前端React篇之React-Router的实现原理是什么？React-Router的路由有几种模式？
React Router 的实现原理：它通过监听 URL 的变化，然后渲染相应的组件，从而实现页面之间的切换和跳转。原创 2024-03-15 08:15:00 · 1038 阅读 · 0 评论 -
前端React篇之setState和replaceState的区别是什么？React组件的state和props有什么区别？React中的props为什么是只读的？
在React中，setState和replaceState都是用于更新组件状态的方法，它们之间的主要区别在于更新方式。setState会通过浅合并的方式更新状态对象，只更新部分状态而保留其余不变，而replaceState会直接替换整个状态对象为新的状态对象。setState更符合React设计理念且推荐使用，而replaceState已被标记为过时方法，不建议在新代码中使用。原创 2024-03-15 07:45:00 · 870 阅读 · 0 评论 -
前端React篇之React setState 调用的原理、React setState 调用之后发生了什么？是同步还是异步？
React中的setState方法是用于更新组件状态的重要方法。当setState被调用时，React会将新的状态放入组件的状态队列中，并在适当的时机进行批处理更新，以提高性能。原创 2024-03-14 08:15:00 · 1491 阅读 · 2 评论 -
前端React篇之类组件与函数组件有什么异同？
React类组件和函数组件是创建组件的两种不同方式。类组件使用类语法创建，可以管理状态和使用生命周期方法，适合处理复杂的逻辑。原创 2024-03-09 08:15:00 · 352 阅读 · 0 评论 -
前端React篇之React中什么是受控组件和非控组件？
在React中，受控组件和非控组件是用于处理表单元素的两种不同的方式。受控组件（Controlled Component）是指通过React的状态（state）来控制表单元素的值和状态。我们将表单元素的值存储在组件的状态中，并通过事件处理程序来更新状态。这种方式使得React具有对表单值的完全控制权，可以实时验证、处理和响应表单的变化。原创 2024-03-09 07:45:00 · 1678 阅读 · 0 评论 -
前端React篇之对有状态组件和无状态组件的理解及使用场景
有状态组件用于处理具有内部状态和复杂逻辑的组件，而无状态组件则更适合作为纯展示组件，专注于UI的呈现。在实际开发中，根据组件的功能和需求选择合适的组件类型非常重要。原创 2024-03-08 08:15:00 · 956 阅读 · 0 评论 -
前端React篇之哪些方法会触发 React 重新渲染？重新渲染 render 会做些什么？
在React中，组件的重新渲染可以通过setState()、forceUpdate()、props或state的改变、父组件的重新渲染以及context的改变来触发。当组件重新渲染时，React会执行render方法，生成新的虚拟DOM树原创 2024-03-08 07:45:00 · 1248 阅读 · 0 评论 -
前端React篇之React 高阶组件、Render props、hooks 有什么区别，为什么要不断迭代
高阶组件(HOC)、渲染属性(Render Props)和Hooks是React中用于代码复用和状态管理的不同方式。它们各有优势，不断迭代是为了提供更灵活、简洁的解决方案，满足不同开发需求。原创 2024-03-07 08:15:00 · 430 阅读 · 0 评论 -
前端React篇之React 事件机制
React事件机制简化了事件处理，通过JSX绑定事件、提供合成事件对象、支持事件委托等方式，使事件处理更方便、性能更高。原创 2024-03-07 07:45:00 · 439 阅读 · 0 评论 -
React实现字符串首字母大写、翻转字符串、获取用户选定的文本
当用户在输入框中输入文本并点击按钮时，首字母大写的结果将显示在输出段落中。当用户在输入框中输入文本并点击按钮时，翻转后的结果将显示在输出段落中。原创 2024-01-20 18:00:33 · 1023 阅读 · 0 评论