- react-vite-admin-arco： 基于react18+arco-design+zustand4+bizcharts+axios等技术实现轻量级后台前端解决方案。支持dark+light主题模式、i18n国际化语言、动态权限校验、3种布局模板、tab路由标签栏等功能。 react-vite-admin-arco： 基于react18+arco-design+zustand4+bizcharts+axios等技术实现轻量级后台前端解决方案。支持dark+light主题模式、i18n国际化语言、动态权限校验、3种布局模板、tab路由标签栏等功能。
- 一、前言在开发前端项目的时候，经常会遇到这样一种开发场景：多个模板页中应用的组件或者页面布局非常相似，比如较为熟悉的el-dialog、el-tooltip和el-table等页面布局。这时候就会考虑：是把它们拆分成多个不同的组件呢？还是只使用一个组件，创建足够的属性来改变不同的情况。这些解决方案都不够完美。如果拆分成多个组件，就不得不冒着如果功能变动你要在多个文件中更新它的风险。另一方面... 一、前言在开发前端项目的时候，经常会遇到这样一种开发场景：多个模板页中应用的组件或者页面布局非常相似，比如较为熟悉的el-dialog、el-tooltip和el-table等页面布局。这时候就会考虑：是把它们拆分成多个不同的组件呢？还是只使用一个组件，创建足够的属性来改变不同的情况。这些解决方案都不够完美。如果拆分成多个组件，就不得不冒着如果功能变动你要在多个文件中更新它的风险。另一方面...
- 在 React 中实现文件分片上传和下载，我们可以借助一些第三方库和工具来简化开发。实现文件分片上传和下载的功能。这种方式可以提高大文件传输的效率和稳定性，并且支持断点续传的功能。 在 React 中实现文件分片上传和下载，我们可以借助一些第三方库和工具来简化开发。实现文件分片上传和下载的功能。这种方式可以提高大文件传输的效率和稳定性，并且支持断点续传的功能。
- 前言我们日常开发使用的是React框架，主要采用JSX写法，而classnames与JSX十分般配，组合使用效果极佳，可以实现class的动态绑定。接下来，通过对 classnames 源码的阅读，来进一步了解classnames出现的契机及其用法。听说你叫 className讲 classnames 之前，科普一点关于它「兄弟」 className 的知识点。万物皆有源之 JSX众所周知，... 前言我们日常开发使用的是React框架，主要采用JSX写法，而classnames与JSX十分般配，组合使用效果极佳，可以实现class的动态绑定。接下来，通过对 classnames 源码的阅读，来进一步了解classnames出现的契机及其用法。听说你叫 className讲 classnames 之前，科普一点关于它「兄弟」 className 的知识点。万物皆有源之 JSX众所周知，...
- 一、前言ReactNative组件分为类组件和函数组件。实现ReactNative自定义组件基本流程如下：组件需要实现什么效果;组件基本逻辑是怎样的；继承Component或PureComponent实现render()方法;定义组件属性字段及其类型，以及是否必须，如不必须则默认字段值是什么;绑定点击或者触摸等事件方法，执行前需要判空;注册、调用。 二、参数传递React Native版本... 一、前言ReactNative组件分为类组件和函数组件。实现ReactNative自定义组件基本流程如下：组件需要实现什么效果;组件基本逻辑是怎样的；继承Component或PureComponent实现render()方法;定义组件属性字段及其类型，以及是否必须，如不必须则默认字段值是什么;绑定点击或者触摸等事件方法，执行前需要判空;注册、调用。 二、参数传递React Native版本...
- 一、前言在开发react-native App时，相信大家都遇到过这样的问题：当用户设置了系统的字体大小之后，导致APP布局紊乱，甚至有些内容会被切掉/隐藏，这对于用户来讲，是非常不好的用户体验。那为什么会出现这种情况呢？原因是我们在开发的时候，布局的前提是系统的字体大小设置为默认大小，所以只能保证在系统字体大小正常的情况下，我们的布局是友好的，那么，我们应该如何解决这个问题呢？今天这篇文... 一、前言在开发react-native App时，相信大家都遇到过这样的问题：当用户设置了系统的字体大小之后，导致APP布局紊乱，甚至有些内容会被切掉/隐藏，这对于用户来讲，是非常不好的用户体验。那为什么会出现这种情况呢？原因是我们在开发的时候，布局的前提是系统的字体大小设置为默认大小，所以只能保证在系统字体大小正常的情况下，我们的布局是友好的，那么，我们应该如何解决这个问题呢？今天这篇文...
- 一、安装npm i react-native-linear-gradientreact-native link react-native-linear-gradient 二、属性介绍 2.1 colors默认情况下，渐变色的方向是从上向下的。<LinearGradient colors={['#63B8FF', '#1C86EE', '#0000EE',]} style={{heigh... 一、安装npm i react-native-linear-gradientreact-native link react-native-linear-gradient 二、属性介绍 2.1 colors默认情况下，渐变色的方向是从上向下的。<LinearGradient colors={['#63B8FF', '#1C86EE', '#0000EE',]} style={{heigh...
- 一、前言在做RN App开发过程中离不了用户交互，在React Native中没有专门的按钮组件。为了让视图能够响应用户的点击事件，需要借助Touchablexxx组件来包裹视图。为什么说是Touchablexxx呢，因为它不只是一个组件，而是一组组件，以下四个组件都可以用来包裹视图来响应用户的点击事件。TouchableWithoutFeedback：响应用户的点击事件，如果你想在处理点... 一、前言在做RN App开发过程中离不了用户交互，在React Native中没有专门的按钮组件。为了让视图能够响应用户的点击事件，需要借助Touchablexxx组件来包裹视图。为什么说是Touchablexxx呢，因为它不只是一个组件，而是一组组件，以下四个组件都可以用来包裹视图来响应用户的点击事件。TouchableWithoutFeedback：响应用户的点击事件，如果你想在处理点...
- 一、前言Hook 是 React 16.8.0 的新增特性，React Native 0.59及以上版本支持 Hook。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。请注意，要启用 Hook，所有 React 相关的 package 都必须升级到 16.8.0 或更高版本。如果你忘记更新诸如 React DOM 之类的 package，Hook 将... 一、前言Hook 是 React 16.8.0 的新增特性，React Native 0.59及以上版本支持 Hook。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。请注意，要启用 Hook，所有 React 相关的 package 都必须升级到 16.8.0 或更高版本。如果你忘记更新诸如 React DOM 之类的 package，Hook 将...
- 一、文件加载顺序React调用顺序: index.html → index.js → components/组件一般项目创建好后会有二个文件：index.html、index.js。my-app文件夹下的public/index.html 和src/index.js的源码，可以在这里编写项目代码，但是注意 public/index.html 是启动http服务器的首页，src/index... 一、文件加载顺序React调用顺序: index.html → index.js → components/组件一般项目创建好后会有二个文件：index.html、index.js。my-app文件夹下的public/index.html 和src/index.js的源码，可以在这里编写项目代码，但是注意 public/index.html 是启动http服务器的首页，src/index...
- 一、前言React-Redux 将所有组件分成两大类：UI 组件（presentational component）和容器组件（container component）。 二、UI 组件只负责 UI 的呈现，不带有任何业务逻辑；没有状态（即不使用this.state这个变量）；所有数据都由参数（this.props）提供；不使用任何 Redux 的 API； 三、容器组件负责管理数据和业务... 一、前言React-Redux 将所有组件分成两大类：UI 组件（presentational component）和容器组件（container component）。 二、UI 组件只负责 UI 的呈现，不带有任何业务逻辑；没有状态（即不使用this.state这个变量）；所有数据都由参数（this.props）提供；不使用任何 Redux 的 API； 三、容器组件负责管理数据和业务...
- 一、前言在《React进阶（七）：props属性》博文中，主要讲解了props的应用场景及应用示例。本文主要梳理state属性的应用场景及应用实例。 二、React 渲染过程React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态间的切换，然后渲染 UI，让用户界面和数据保持一致。React 中只需更新组件的 state，然后根据新的 state ... 一、前言在《React进阶（七）：props属性》博文中，主要讲解了props的应用场景及应用示例。本文主要梳理state属性的应用场景及应用实例。 二、React 渲染过程React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态间的切换，然后渲染 UI，让用户界面和数据保持一致。React 中只需更新组件的 state，然后根据新的 state ...
- 一、前言在组件整个生命周期中，随着组件的props或者state发生改变，其DOM表现也会发生相应的变化。一个组件就是一个状态机，对于特定地输入，它总返回一致的输出。 二、生命周期图例一个React组件的生命周期分为三个部分：实例化、存在期和销毁时。React应用中，组件加载顺序及生命周期如下图所示： 2.1 constructor( )constructor是ES6对类的默认方法，通过 ... 一、前言在组件整个生命周期中，随着组件的props或者state发生改变，其DOM表现也会发生相应的变化。一个组件就是一个状态机，对于特定地输入，它总返回一致的输出。 二、生命周期图例一个React组件的生命周期分为三个部分：实例化、存在期和销毁时。React应用中，组件加载顺序及生命周期如下图所示： 2.1 constructor( )constructor是ES6对类的默认方法，通过 ...
- 一、前言在《React进阶（四）：路由介绍》博文中，介绍了React路由相关知识，在实际项目开发过程中，路由之间的跳转必定涉及权限、用户是否登陆等限定条件的判定，故需要导航守卫来完成这一事项。在实现react-router路由拦截之前，先看一下vue路由拦截是如何使用的，都做了哪些事情。正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。 二、全局守卫可以使... 一、前言在《React进阶（四）：路由介绍》博文中，介绍了React路由相关知识，在实际项目开发过程中，路由之间的跳转必定涉及权限、用户是否登陆等限定条件的判定，故需要导航守卫来完成这一事项。在实现react-router路由拦截之前，先看一下vue路由拦截是如何使用的，都做了哪些事情。正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。 二、全局守卫可以使...
- 写在前面的话：事务不多或者不紧急，故空闲时间用来充电，鉴于之前自己一直在做Vue开发，现在此基础上接触学习React。大致的学习思路参照Vue学习路线，边学习边总结边实践，形成学习闭环。万事皆有法则，第一次应用React，首先需要环境搭建：Node.js（用于执行js）、npm（包管理器）。具体安装方法请参考博文《Vue进阶（一）：Vue学习资料汇总》中有关环境搭建部分。安装脚手架工具：cr... 写在前面的话：事务不多或者不紧急，故空闲时间用来充电，鉴于之前自己一直在做Vue开发，现在此基础上接触学习React。大致的学习思路参照Vue学习路线，边学习边总结边实践，形成学习闭环。万事皆有法则，第一次应用React，首先需要环境搭建：Node.js（用于执行js）、npm（包管理器）。具体安装方法请参考博文《Vue进阶（一）：Vue学习资料汇总》中有关环境搭建部分。安装脚手架工具：cr...
上滑加载中
推荐直播
-
探秘仓颉编程语言：华为开发者空间的创新利器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 驱动云上应用创新。
去报名
热门标签