- 高阶组件（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 ...
- 华为云前端开发 DTSE 技术布道师莫春辉老师在本期直播中与开发者一起交流了OpenTiny组件库解决方案的核心优势和设计理念，并通过具体的实操给大家演示OpenTiny如何从0到1实现组件库跨框架技术。 华为云前端开发 DTSE 技术布道师莫春辉老师在本期直播中与开发者一起交流了OpenTiny组件库解决方案的核心优势和设计理念，并通过具体的实操给大家演示OpenTiny如何从0到1实现组件库跨框架技术。
- 前端业务开发中，为了脱离舒适区，也为了解放重复功能开发的劳动力，会将一些功能进行改造，本期改造基础且重复的详情页。 前端业务开发中，为了脱离舒适区，也为了解放重复功能开发的劳动力，会将一些功能进行改造，本期改造基础且重复的详情页。
- 一、移动端跨平台开发技术栈的前世今生AngularJS 诞生于2009年，由 Misko Hevery 等人创建，后为 Google 所收购。React 起源于Facebook的内部项目，该公司对市场上所有 JavaScript MVC框架都不满意，决定自行开发一套，用于架设Instagram的网站，并于2013年5月开源。（不得不感叹大公司有技术实力，就是🐮！）React Native... 一、移动端跨平台开发技术栈的前世今生AngularJS 诞生于2009年，由 Misko Hevery 等人创建，后为 Google 所收购。React 起源于Facebook的内部项目，该公司对市场上所有 JavaScript MVC框架都不满意，决定自行开发一套，用于架设Instagram的网站，并于2013年5月开源。（不得不感叹大公司有技术实力，就是🐮！）React Native...
- 一、前言最近项目中有需要使用图表展示可视化信息的需求，就去查找了一些相关轮子。了解到大多都是用echarts来实现的，但自己框架使用的是antd ，通过阅读官方文档发现，antd-charts他们的官方库一样能实现一些可视化图表，所以做了一些尝试。antd-charts官网：https://charts.ant.design/zh-CN/demos/global打开官网发现它支持很多图表，... 一、前言最近项目中有需要使用图表展示可视化信息的需求，就去查找了一些相关轮子。了解到大多都是用echarts来实现的，但自己框架使用的是antd ，通过阅读官方文档发现，antd-charts他们的官方库一样能实现一些可视化图表，所以做了一些尝试。antd-charts官网：https://charts.ant.design/zh-CN/demos/global打开官网发现它支持很多图表，...
- 📢 大家好，我是小丞同学，一名准大二的前端爱好者📢 这篇文章是学习 React 练习中 TodoList 案例的操作笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言TodoList 案例在前端学习中挺重要的，从原生 JavaScript 的增删查改，到现在 React 的组件通信，都是一个不错的案例，这篇文章主要记录，还原一下通过 React 实现 ... 📢 大家好，我是小丞同学，一名准大二的前端爱好者📢 这篇文章是学习 React 练习中 TodoList 案例的操作笔记📢 非常感谢你的阅读，不对的地方欢迎指正 🙏📢 愿你忠于自己，热爱生活 引言TodoList 案例在前端学习中挺重要的，从原生 JavaScript 的增删查改，到现在 React 的组件通信，都是一个不错的案例，这篇文章主要记录，还原一下通过 React 实现 ...
- DevUI 是一款面向企业中后台产品的开源前端解决方案，它倡导沉浸、灵活、至简的设计价值观，提倡设计者为真实的需求服务，为多数人的设计，拒绝哗众取宠、取悦眼球的设计。如果你正在开发 ToB 的工具类产品，DevUI 将是一个很不错的选择！ 前言Monorepo 能够优雅地解决代码复用的问题，统一工作流，并且不影响构建、部署的效率。目前开源社区已经有不少开源项目都是采用 Monorepo 的方... DevUI 是一款面向企业中后台产品的开源前端解决方案，它倡导沉浸、灵活、至简的设计价值观，提倡设计者为真实的需求服务，为多数人的设计，拒绝哗众取宠、取悦眼球的设计。如果你正在开发 ToB 的工具类产品，DevUI 将是一个很不错的选择！ 前言Monorepo 能够优雅地解决代码复用的问题，统一工作流，并且不影响构建、部署的效率。目前开源社区已经有不少开源项目都是采用 Monorepo 的方...
- 记一次难忘的前端技术框架切换之旅1 旅行之始 2020年初，某个普通的工作日，正在聚精会神“搞事情”的我，接到MAE-Access前端技术专家的espace语音，被告知MAE-Access域使用的前端技术框架需要从AngularJS1.x切换到React，要求2020年底完成。接到消息的我，忧喜交加，机会与挑战并存，这次前端技术框架切换之旅在所难免，但该如何开始，又该如何结束... 记一次难忘的前端技术框架切换之旅1 旅行之始 2020年初，某个普通的工作日，正在聚精会神“搞事情”的我，接到MAE-Access前端技术专家的espace语音，被告知MAE-Access域使用的前端技术框架需要从AngularJS1.x切换到React，要求2020年底完成。接到消息的我，忧喜交加，机会与挑战并存，这次前端技术框架切换之旅在所难免，但该如何开始，又该如何结束...
- 这使我们到此ReactJS教程博客的结尾。希望我上面讨论的每个方面对大家都清楚。 这使我们到此ReactJS教程博客的结尾。希望我上面讨论的每个方面对大家都清楚。
- 从这三大主流前端技术出发，看看它们各自特性，以及如何从业务特性出发，选择合适的框架。 从这三大主流前端技术出发，看看它们各自特性，以及如何从业务特性出发，选择合适的框架。
- DevUI是一支兼具设计视角和工程视角的团队，服务于华为云DevCloud平台和华为内部数个中后台系统，服务于设计师和前端工程师。官方网站：devui.designNg组件库：ng-devui（欢迎Star）上一篇我们手把手教大家实现了Pagination组件的基本分页功能（只包含上一页/下一页），现在我们一起来看看如何实现分页组件最核心的分页器吧。6 分页器组件Pager我们再来回顾下分页... DevUI是一支兼具设计视角和工程视角的团队，服务于华为云DevCloud平台和华为内部数个中后台系统，服务于设计师和前端工程师。官方网站：devui.designNg组件库：ng-devui（欢迎Star）上一篇我们手把手教大家实现了Pagination组件的基本分页功能（只包含上一页/下一页），现在我们一起来看看如何实现分页组件最核心的分页器吧。6 分页器组件Pager我们再来回顾下分页...
- DevUI是一支兼具设计视角和工程视角的团队，服务于华为云DevCloud平台和华为内部数个中后台系统，服务于设计师和前端工程师。官方网站：devui.designNg组件库：ng-devui（欢迎Star）上一篇我们介绍了分页组件的模块设计，并用三大框架实现了一个不带实际分页功能的壳子组件，这次我们来一步步实现基本分页功能：只包含上一页/下一页。5 基本分页功能接下来我们开始给Pagina... DevUI是一支兼具设计视角和工程视角的团队，服务于华为云DevCloud平台和华为内部数个中后台系统，服务于设计师和前端工程师。官方网站：devui.designNg组件库：ng-devui（欢迎Star）上一篇我们介绍了分页组件的模块设计，并用三大框架实现了一个不带实际分页功能的壳子组件，这次我们来一步步实现基本分页功能：只包含上一页/下一页。5 基本分页功能接下来我们开始给Pagina...
- DevUI是一支兼具设计视角和工程视角的团队，服务于华为云DevCloud平台和华为内部数个中后台系统，服务于设计师和前端工程师。官方网站：devui.designNg组件库：ng-devui（欢迎Star）引言“他在正午、黄昏，在一天里的许多时刻去感受它、记录它，结果也就让我们看到了那么多的不同。他描绘它的角度没变，但它的面目却极大地改变了。”19世纪著名的印象派画家莫奈，喜欢对着同一处景... DevUI是一支兼具设计视角和工程视角的团队，服务于华为云DevCloud平台和华为内部数个中后台系统，服务于设计师和前端工程师。官方网站：devui.designNg组件库：ng-devui（欢迎Star）引言“他在正午、黄昏，在一天里的许多时刻去感受它、记录它，结果也就让我们看到了那么多的不同。他描绘它的角度没变，但它的面目却极大地改变了。”19世纪著名的印象派画家莫奈，喜欢对着同一处景...
上滑加载中
推荐直播
-
物联网资深专家带你轻松构建AIoT智能场景应用2024/11/21 周四 16:30-18:00
管老师 华为云IoT DTSE技术布道师
如何轻松构建AIoT智能场景应用？本期直播将聚焦华为云设备接入平台，结合AI、鸿蒙（OpenHarmony）、大数据等技术，实现物联网端云协同创新场景，教您如何打造更有实用性及创新性的AIoT行业标杆应用。
回顾中 -
Ascend C算子编程之旅：基础入门篇2024/11/22 周五 16:00-17:30
莫老师 昇腾CANN专家
介绍Ascend C算子基本概念、异构计算架构CANN和Ascend C基本概述，以及Ascend C快速入门，夯实Ascend C算子编程基础
即将直播 -
深入解析：华为全栈AI解决方案与云智能开放能力2024/11/22 周五 18:20-20:20
Alex 华为云学堂技术讲师
本期直播我们将重点为大家介绍华为全栈全场景AI解决方案以和华为云企业智能AI开放能力。旨在帮助开发者深入理解华为AI解决方案，并能够更加熟练地运用这些技术。通过洞悉华为解决方案，了解人工智能完整生态链条的构造。
去报名
热门标签