- 📢 大家好，我是小丞同学，一名准大二的前端爱好者📢 这篇文章是学习 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-文章管理功能 React-文章管理功能
- React安装使用 React安装使用
- 在现代 Web 开发中，React 是一个非常流行且强大的前端框架。在构建用户界面时，多选按钮（Checkbox）是一个常见的组件，用于让用户从多个选项中选择一个或多个。本文将从基础用法开始，逐步深入探讨 React 中多选按钮的实现、常见问题、易错点以及如何避免这些问题。 1. 基础用法 1.1 创建一个简单的 Checkbox 组件首先，我们创建一个简单的 Checkbox 组件，并将其... 在现代 Web 开发中，React 是一个非常流行且强大的前端框架。在构建用户界面时，多选按钮（Checkbox）是一个常见的组件，用于让用户从多个选项中选择一个或多个。本文将从基础用法开始，逐步深入探讨 React 中多选按钮的实现、常见问题、易错点以及如何避免这些问题。 1. 基础用法 1.1 创建一个简单的 Checkbox 组件首先，我们创建一个简单的 Checkbox 组件，并将其...
- 在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 ...
上滑加载中
推荐直播
-
探秘仓颉编程语言：华为开发者空间的创新利器2025/02/22 周六 15:00-16:30
华为云讲师团
本期直播将与您一起探秘颉编程语言上线华为开发者空间后，显著提升开发效率，在智能化开发支持、全场景跨平台适配能力、工具链与生态完备性、语言简洁与高性能特性等方面展现出的独特优势。直播看点： 1.java转仓颉的小工具 2.仓颉动画三方库lottie 3.开发者空间介绍及如何在空间用仓颉编程语言开发
即将直播 -
大模型Prompt工程深度实践2025/02/24 周一 16:00-17:30
盖伦 华为云学堂技术讲师
如何让大模型精准理解开发需求并生成可靠输出？本期直播聚焦大模型Prompt工程核心技术：理解大模型推理基础原理，关键采样参数定义，提示词撰写关键策略及Prompt工程技巧分享。
去报名 -
华为云 x DeepSeek：AI驱动云上应用创新2025/02/26 周三 16:00-18:00
华为云 AI专家大咖团
在 AI 技术飞速发展之际，DeepSeek 备受关注。它凭借哪些技术与理念脱颖而出？华为云与 DeepSeek 合作，将如何重塑产品与应用模式，助力企业数字化转型？在华为开发者空间，怎样高效部署 DeepSeek，搭建专属服务器？基于华为云平台，又该如何挖掘 DeepSeek 潜力，实现智能化升级？本期直播围绕DeepSeek在云上的应用案例，与DTSE布道师们一起探讨如何利用AI 驱动云上应用创新。
去报名
热门标签