- 📢 大家好，我是小丞同学，一名准大二的前端爱好者📢 这篇文章是学习 React 中脚手架配置代理的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言React 本身只关注于页面，并不包含发送 Ajax 请求的代码，所以一般都是集成第三方的包，或者自己封装的自己封装的话，比较麻烦，而且也可能考虑不全常用的有两个库，一个是JQuery，一个是 axio... 📢 大家好，我是小丞同学，一名准大二的前端爱好者📢 这篇文章是学习 React 中脚手架配置代理的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言React 本身只关注于页面，并不包含发送 Ajax 请求的代码，所以一般都是集成第三方的包，或者自己封装的自己封装的话，比较麻烦，而且也可能考虑不全常用的有两个库，一个是JQuery，一个是 axio...
- React 入门学习（五）-- 认识脚手架📢 大家好，我是小丞同学，这篇文章是学习 React 脚手架的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你生活明朗，万物可爱 简介这篇文章主要围绕 React 中的脚手架，来解决一下几个问题灵魂三问：是什么？为什么？怎么办？什么是脚手架？为什么要用脚手架？怎么用脚手架？ 🍕 1. 什么是 React 脚手架？在我们的现实生... React 入门学习（五）-- 认识脚手架📢 大家好，我是小丞同学，这篇文章是学习 React 脚手架的学习笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你生活明朗，万物可爱 简介这篇文章主要围绕 React 中的脚手架，来解决一下几个问题灵魂三问：是什么？为什么？怎么办？什么是脚手架？为什么要用脚手架？怎么用脚手架？ 🍕 1. 什么是 React 脚手架？在我们的现实生...
- React入门学习（四）-- diffing 算法📢 大家好，我是小丞同学，一名准大二的前端爱好者📢 这篇文章将尽力说明白 diff 算法📢 愿你忠于自己，热爱生活 前言diff 算法是 React 提升渲染性能的一种优化算法，在 React 中有着很重要的地位，也不止于 React ，在 Vue 中也有 diff 算法，似乎没有差别。在最近的 React 学习中，学到了 diff ... React入门学习（四）-- diffing 算法📢 大家好，我是小丞同学，一名准大二的前端爱好者📢 这篇文章将尽力说明白 diff 算法📢 愿你忠于自己，热爱生活 前言diff 算法是 React 提升渲染性能的一种优化算法，在 React 中有着很重要的地位，也不止于 React ，在 Vue 中也有 diff 算法，似乎没有差别。在最近的 React 学习中，学到了 diff ...
- 前言在RN项目开发过程中，经常会看到如下形式的路由跳转。render() { return ( <View> <Text>2</Text> <Button title = "跳转到指定的页面" onPress = {() => this.props.navigation.push('ChangePassword')... 前言在RN项目开发过程中，经常会看到如下形式的路由跳转。render() { return ( <View> <Text>2</Text> <Button title = "跳转到指定的页面" onPress = {() => this.props.navigation.push('ChangePassword')...
- React Native：从0到1构建"跨平台"应用。 React Native：从0到1构建"跨平台"应用。
- React 元素的事件处理和 DOM 元素类似。但是有一点语法上的不同:React 事件绑定属性的命名采用驼峰式写法，而不是小写。如果采用 JSX 的语法你需要传入一个函数作为事件处理函数，而不是一个字符串(DOM 元素的写法)HTML 通常写法是：<button onclick="activateLasers()"> 激活按钮</button>React 中写法为：<button onC... React 元素的事件处理和 DOM 元素类似。但是有一点语法上的不同:React 事件绑定属性的命名采用驼峰式写法，而不是小写。如果采用 JSX 的语法你需要传入一个函数作为事件处理函数，而不是一个字符串(DOM 元素的写法)HTML 通常写法是：<button onclick="activateLasers()"> 激活按钮</button>React 中写法为：<button onC...
- React是当前前端应用最广泛的框架。三大SPA框架 Angular、React、Vue比较。Angular出现最早，但其在原理上并没有React创新的性能优化，且自身相对来说显得笨重。 React是当前前端应用最广泛的框架。三大SPA框架 Angular、React、Vue比较。Angular出现最早，但其在原理上并没有React创新的性能优化，且自身相对来说显得笨重。
- 在React应用中，监听window尺寸变化（即调整浏览器窗口大小）是一个常见的需求。然而，由于窗口大小调整事件（resize）可能会非常频繁地触发，直接处理这些事件可能会导致性能问题。因此，使用节流（throttling）技术来限制事件处理函数的调用频率是一个很好的解决方案。以下是一个示例，展示了如何在React中使用节流来监听window尺寸变化：创建一个节流函数：首先，我们需要一个节流... 在React应用中，监听window尺寸变化（即调整浏览器窗口大小）是一个常见的需求。然而，由于窗口大小调整事件（resize）可能会非常频繁地触发，直接处理这些事件可能会导致性能问题。因此，使用节流（throttling）技术来限制事件处理函数的调用频率是一个很好的解决方案。以下是一个示例，展示了如何在React中使用节流来监听window尺寸变化：创建一个节流函数：首先，我们需要一个节流...
- 在现代前端开发中，React 是一个非常流行的 JavaScript 库，用于构建用户界面。然而，即使是最精心设计的应用程序也可能会遇到运行时错误。为了提高用户体验和应用程序的健壮性，React 提供了一种称为“错误边界”（Error Boundaries）的机制，用于捕获和处理组件树中的错误。 什么是错误边界？错误边界是一种 React 组件，它可以捕获并处理其子组件树中任何位置发生的 J... 在现代前端开发中，React 是一个非常流行的 JavaScript 库，用于构建用户界面。然而，即使是最精心设计的应用程序也可能会遇到运行时错误。为了提高用户体验和应用程序的健壮性，React 提供了一种称为“错误边界”（Error Boundaries）的机制，用于捕获和处理组件树中的错误。 什么是错误边界？错误边界是一种 React 组件，它可以捕获并处理其子组件树中任何位置发生的 J...
- 在 React 中，Hooks 是一种强大的工具，允许你在不编写类组件的情况下使用状态和其他 React 特性。自定义 Hook 是一种将逻辑提取到可重用函数中的方式，这使得组件之间的代码共享变得更加容易。本文将从基础概念出发，逐步深入探讨自定义 Hook 的编写方法、常见问题及如何避免这些问题，并通过代码示例进行详细解释。 一、基础知识 1. 什么是 Hook？Hook 是 React 1... 在 React 中，Hooks 是一种强大的工具，允许你在不编写类组件的情况下使用状态和其他 React 特性。自定义 Hook 是一种将逻辑提取到可重用函数中的方式，这使得组件之间的代码共享变得更加容易。本文将从基础概念出发，逐步深入探讨自定义 Hook 的编写方法、常见问题及如何避免这些问题，并通过代码示例进行详细解释。 一、基础知识 1. 什么是 Hook？Hook 是 React 1...
- 在 React 应用开发中，组件之间的通信是一个非常重要的概念。React 提供了多种方式来实现组件间的通信，包括 props、回调函数、Context API、Redux 等。本文将从基础概念入手，逐步深入到组件通信中的常见问题和易错点，并通过具体的代码示例来帮助读者更好地理解和掌握这一技术。 1. 基础概念 1.1 什么是组件通信？组件通信是指在 React 应用中，不同组件之间传递数据... 在 React 应用开发中，组件之间的通信是一个非常重要的概念。React 提供了多种方式来实现组件间的通信，包括 props、回调函数、Context API、Redux 等。本文将从基础概念入手，逐步深入到组件通信中的常见问题和易错点，并通过具体的代码示例来帮助读者更好地理解和掌握这一技术。 1. 基础概念 1.1 什么是组件通信？组件通信是指在 React 应用中，不同组件之间传递数据...
- React 是一个用于构建用户界面的 JavaScript 库，以其高效的虚拟 DOM 和组件化的设计理念而闻名。然而，在实际开发中，如果不注意优化，React 应用可能会出现性能问题，特别是在处理大量数据和复杂组件时。本文将从基础概念出发，逐步深入探讨 React 渲染优化的常见问题、易错点及如何避免这些问题，并通过代码案例来加深理解。 基础概念 虚拟 DOM虚拟 DOM 是 React ... React 是一个用于构建用户界面的 JavaScript 库，以其高效的虚拟 DOM 和组件化的设计理念而闻名。然而，在实际开发中，如果不注意优化，React 应用可能会出现性能问题，特别是在处理大量数据和复杂组件时。本文将从基础概念出发，逐步深入探讨 React 渲染优化的常见问题、易错点及如何避免这些问题，并通过代码案例来加深理解。 基础概念 虚拟 DOM虚拟 DOM 是 React ...
- React的Suspense和Concurrent Mode是React 16.8及更高版本引入的概念，旨在提升用户体验和性能，特别是在处理异步数据加载和动画时。它们是React的下一代渲染策略的一部分，目的是实现更流畅的交互和更高效的资源调度。 SuspenseSuspense是一个组件，它允许你声明一个区域，在该区域中的组件可能会异步加载。当这些组件的数据尚未准备就绪时，Suspense... React的Suspense和Concurrent Mode是React 16.8及更高版本引入的概念，旨在提升用户体验和性能，特别是在处理异步数据加载和动画时。它们是React的下一代渲染策略的一部分，目的是实现更流畅的交互和更高效的资源调度。 SuspenseSuspense是一个组件，它允许你声明一个区域，在该区域中的组件可能会异步加载。当这些组件的数据尚未准备就绪时，Suspense...
- Jest 和 React Testing Library (RTL) 是前端开发中用于测试 React 应用的首选工具。Jest 是一个功能丰富的JavaScript测试框架，而React Testing Library 是一种提倡以用户角度编写测试的库，它鼓励测试组件的行为而不是内部实现细节。 安装和配置首先，确保你已经安装了react, react-dom, jest, @testing... Jest 和 React Testing Library (RTL) 是前端开发中用于测试 React 应用的首选工具。Jest 是一个功能丰富的JavaScript测试框架，而React Testing Library 是一种提倡以用户角度编写测试的库，它鼓励测试组件的行为而不是内部实现细节。 安装和配置首先，确保你已经安装了react, react-dom, jest, @testing...
- 1. 创建项目通过create-next-app脚手架创建一个新的Next.js项目：npx create-next-app my-appcd my-app 2. 自动SSR在Next.js中，每个.js或.jsx文件的组件都会被自动处理为SSR页面。例如，创建一个pages/index.js文件：// pages/index.jsimport React from 'react';fun... 1. 创建项目通过create-next-app脚手架创建一个新的Next.js项目：npx create-next-app my-appcd my-app 2. 自动SSR在Next.js中，每个.js或.jsx文件的组件都会被自动处理为SSR页面。例如，创建一个pages/index.js文件：// pages/index.jsimport React from 'react';fun...
上滑加载中
推荐直播
-
手把手教你在 CodeArts 上部署敏捷流水线2024/12/31 周二 16:30-18:00
Jerry 华为云生态技术讲师
CodeArts的适用场景以及如何从CodeArts Pipeline出发，一步步添加关联工具，最后让整个流水线流动起来，一起来动手试试吧。
即将直播 -
GaussDB数据库介绍2025/01/07 周二 16:00-18:00
Steven 华为云学堂技术讲师
本期直播将介绍GaussDB数据库的发展历程、优势、架构、关键特性和部署模式等，旨在帮助开发者了解GaussDB数据库，并通过手把手实验教大家如何在华为云部署GaussDB数据库和使用gsql连接GaussDB数据库。
去报名
热门标签