- 大前端全端大统一指日可待！ 大前端全端大统一指日可待！
- 文章目录 概述一、组件的生命周期1.1 创建阶段1.2 实例化阶段1.3 运行（更新）阶段1.4 销毁阶段 二、生命周期函数详细介绍constructorgetDefaultPropscomponentWillMountrendercomponentDidMountcomponentWillReceivePropsshouldComponentUpdatecom... 文章目录 概述一、组件的生命周期1.1 创建阶段1.2 实例化阶段1.3 运行（更新）阶段1.4 销毁阶段 二、生命周期函数详细介绍constructorgetDefaultPropscomponentWillMountrendercomponentDidMountcomponentWillReceivePropsshouldComponentUpdatecom...
- 高阶组件（Higher-Order Component，简称 HOC）是 React 中一种常见的复用组件逻辑的方式。HOC 是一个函数，它接受一个组件并返回一个新的组件。通过 HOC，我们可以提取组件之间的通用逻辑，提高代码的复用性和可维护性。本文将从基础概念出发，逐步深入探讨 HOC 的常见问题、易错点及如何避免，并通过具体的 React 代码示例来帮助理解。 基础概念 什么是高阶组件？... 高阶组件（Higher-Order Component，简称 HOC）是 React 中一种常见的复用组件逻辑的方式。HOC 是一个函数，它接受一个组件并返回一个新的组件。通过 HOC，我们可以提取组件之间的通用逻辑，提高代码的复用性和可维护性。本文将从基础概念出发，逐步深入探讨 HOC 的常见问题、易错点及如何避免，并通过具体的 React 代码示例来帮助理解。 基础概念 什么是高阶组件？...
- 在 React 中，useContext 是一个非常有用的 Hook，它允许我们在组件树中传递数据，而无需手动将 props 一层层传递下去。本文将从基本概念、使用方法、常见问题及避免方法等方面，详细介绍 useContext 钩子，并通过代码示例来加深理解。 基本概念useContext 是 React 提供的一个 Hook，用于订阅 React 的 Context 变化。Context ... 在 React 中，useContext 是一个非常有用的 Hook，它允许我们在组件树中传递数据，而无需手动将 props 一层层传递下去。本文将从基本概念、使用方法、常见问题及避免方法等方面，详细介绍 useContext 钩子，并通过代码示例来加深理解。 基本概念useContext 是 React 提供的一个 Hook，用于订阅 React 的 Context 变化。Context ...
- React Hooks 是 React 16.8 引入的一个新特性，它允许你在不编写类组件的情况下使用状态和其他 React 特性。Hooks 的出现极大地简化了函数组件的复杂度，使得状态管理和生命周期管理变得更加直观和易于理解。本文将从基础概念入手，逐步深入探讨 React Hooks 的常见问题、易错点及如何避免，并通过代码案例进行详细解释。 基础概念 useStateuseState ... React Hooks 是 React 16.8 引入的一个新特性，它允许你在不编写类组件的情况下使用状态和其他 React 特性。Hooks 的出现极大地简化了函数组件的复杂度，使得状态管理和生命周期管理变得更加直观和易于理解。本文将从基础概念入手，逐步深入探讨 React Hooks 的常见问题、易错点及如何避免，并通过代码案例进行详细解释。 基础概念 useStateuseState ...
- 在现代的单页面应用（SPA）中，路由管理是一个非常重要的部分。React Router 是 React 生态中最流行的路由管理库之一，它提供了强大的路由功能，帮助开发者轻松管理和导航应用中的不同页面。本文将从基础到进阶，介绍 React Router 的基本概念、常见问题、易错点及如何避免，并通过代码示例进行详细解释。 基本概念 安装首先，你需要安装 react-router-dom 包。你... 在现代的单页面应用（SPA）中，路由管理是一个非常重要的部分。React Router 是 React 生态中最流行的路由管理库之一，它提供了强大的路由功能，帮助开发者轻松管理和导航应用中的不同页面。本文将从基础到进阶，介绍 React Router 的基本概念、常见问题、易错点及如何避免，并通过代码示例进行详细解释。 基本概念 安装首先，你需要安装 react-router-dom 包。你...
- 在 React 应用开发中，状态管理是一个重要的课题。React 提供了多种状态管理方案，其中 Context API 是一个轻量级且易于使用的解决方案，特别适用于组件间共享状态。本文将从基础概念出发，逐步深入探讨 Context API 的常见问题、易错点及如何避免，并通过代码示例进行详细解释。 基础概念 什么是 Context API？Context API 是 React 提供的一种在... 在 React 应用开发中，状态管理是一个重要的课题。React 提供了多种状态管理方案，其中 Context API 是一个轻量级且易于使用的解决方案，特别适用于组件间共享状态。本文将从基础概念出发，逐步深入探讨 Context API 的常见问题、易错点及如何避免，并通过代码示例进行详细解释。 基础概念 什么是 Context API？Context API 是 React 提供的一种在...
- React 是目前最流行的前端框架之一，其核心优势之一就是虚拟 DOM 技术。本文将从基础概念出发，逐步深入探讨 React 虚拟 DOM 的工作原理，同时分享一些常见的问题、易错点及解决方法。此外，我还将分享今年在代码/项目方面的成就，以及通过代码创新提质增效的经验。 虚拟 DOM 基础 什么是虚拟 DOM？虚拟 DOM 是一种轻量级的 JavaScript 对象，它是真实 DOM 的抽象... React 是目前最流行的前端框架之一，其核心优势之一就是虚拟 DOM 技术。本文将从基础概念出发，逐步深入探讨 React 虚拟 DOM 的工作原理，同时分享一些常见的问题、易错点及解决方法。此外，我还将分享今年在代码/项目方面的成就，以及通过代码创新提质增效的经验。 虚拟 DOM 基础 什么是虚拟 DOM？虚拟 DOM 是一种轻量级的 JavaScript 对象，它是真实 DOM 的抽象...
- 一、概述react-native-scrollable-tab-view 标签导航组件可实现点击切换，每个 tab 可以有自己的 ScrollView，点击切换的时候可以维护自己的滚动方向。 二、使用react-native-scrollable-tab-view插件1、通过npm将插件加入项目npm install --save react-native-scrollable-tab-v... 一、概述react-native-scrollable-tab-view 标签导航组件可实现点击切换，每个 tab 可以有自己的 ScrollView，点击切换的时候可以维护自己的滚动方向。 二、使用react-native-scrollable-tab-view插件1、通过npm将插件加入项目npm install --save react-native-scrollable-tab-v...
- 一、前言在做RN App开发过程中离不了用户交互，在React Native中没有专门的按钮组件。为了让视图能够响应用户的点击事件，需要借助Touchablexxx组件来包裹视图。为什么说是Touchablexxx呢，因为它不只是一个组件，而是一组组件，以下四个组件都可以用来包裹视图来响应用户的点击事件。TouchableWithoutFeedback：响应用户的点击事件，如果你想在处理点... 一、前言在做RN App开发过程中离不了用户交互，在React Native中没有专门的按钮组件。为了让视图能够响应用户的点击事件，需要借助Touchablexxx组件来包裹视图。为什么说是Touchablexxx呢，因为它不只是一个组件，而是一组组件，以下四个组件都可以用来包裹视图来响应用户的点击事件。TouchableWithoutFeedback：响应用户的点击事件，如果你想在处理点...
- 概述所谓生命周期，就是一个对象从开始生成到最后消亡所经历的状态，理解生命周期，是合理开发的关键。RN 组件的生命周期整理如下图：如图，可以把组件生命周期大致分为三个阶段：第一阶段：是组件第一次绘制阶段，如图中的上面虚线框内，在这里完成了组件的加载和初始化；第二阶段：是组件在运行和交互阶段，如图中左下角虚线框，这个阶段组件可以处理用户交互，或者接收事件更新界面；第三阶段：是组件卸载消亡的阶段... 概述所谓生命周期，就是一个对象从开始生成到最后消亡所经历的状态，理解生命周期，是合理开发的关键。RN 组件的生命周期整理如下图：如图，可以把组件生命周期大致分为三个阶段：第一阶段：是组件第一次绘制阶段，如图中的上面虚线框内，在这里完成了组件的加载和初始化；第二阶段：是组件在运行和交互阶段，如图中左下角虚线框，这个阶段组件可以处理用户交互，或者接收事件更新界面；第三阶段：是组件卸载消亡的阶段...
- 游戏开发体验挺新奇的，我用react实现网页游戏的全过程（包括规则设计）。 游戏开发体验挺新奇的，我用react实现网页游戏的全过程（包括规则设计）。
- 最近折腾代码简洁之路，先折腾了详情页，最近准备折腾一下表单组件，准备二次封装，提升代码复用率。 最近折腾代码简洁之路，先折腾了详情页，最近准备折腾一下表单组件，准备二次封装，提升代码复用率。
- 前端开发中，如果通过后端接口请求获取的数据更新频率较低，但是使用率很高，可以考虑进行数据缓存减少请求。 前端开发中，如果通过后端接口请求获取的数据更新频率较低，但是使用率很高，可以考虑进行数据缓存减少请求。
- 假如你是团队的前端负责人，现在老板要拓展新业务，需要开发一个 Web 应用，让你来做技术选型，你之前用 Vue 比较多，对 Vue 比较熟悉，希望能在团队内部推行 Vue 技术栈，你会怎么跟老板说呢？ 假如你是团队的前端负责人，现在老板要拓展新业务，需要开发一个 Web 应用，让你来做技术选型，你之前用 Vue 比较多，对 Vue 比较熟悉，希望能在团队内部推行 Vue 技术栈，你会怎么跟老板说呢？
上滑加载中
推荐直播
-
2024创原会年度技术峰会2024/12/20 周五 09:00-12:00
华为云讲师团
2024创原会年度技术峰会将于12月20日在海南万宁石梅湾威斯汀酒店举办，本次大会将以“智能・进化”为主题探讨从Cloud Native到AI Native的新阶段企业如何通过AI技术重塑企业应用，围绕AI如何在千行万业落地进行深入交流，探索可以先行先试先成功的创新场景和实现路径。
回顾中 -
华为云开发者日·2024年度创享峰会2024/12/23 周一 14:00-16:00
华为云讲师团
华为云开发者日HDC.Cloud Day是面向全球开发者的旗舰活动，汇聚来自千行百业、高校及科研院所的开发人员。致力于打造开发者专属的技术盛宴，全方位服务与赋能开发者围绕华为云生态“知、学、用、创、商”的成长路径。通过前沿的技术分享、场景化的动手体验、优秀的应用创新推介，为开发者提供沉浸式学习与交流平台。开放创新，与开发者共创、共享、共赢未来。
去报名 -
GaussDB管理平台TPOPS，DBA高效运维的一站式解决方案2024/12/24 周二 16:30-18:00
Leo 华为云数据库DTSE技术布道师
数据库的复杂运维，是否让你感到头疼不已？今天，华为云GaussDB管理平台将彻底来改观！本期直播，我们将深入探索GaussDB管理平台的TPOPS功能，带你感受一键式部署安装的便捷，和智能化运维管理的高效，让复杂的运维、管理变得简单，让简单变得可靠。
去报名
热门标签