投稿 搜索 登录注册
×

热门关键词：Web前端|前端开发|HTML5|CSS3|jQuery|CSS3动画

关键词搜索结果：

react组件：学会了vue的传参后，我们来了解下react传参方式

2024年04月25日

其实组件之间的传参思路基本都差不多，我们今天来学下react组件之间的传参。众所周知，在业务开发中，无论用的什么框架，首要熟悉的有以下几点：项目搭建，基础配置，命名规范。...
作者:Terry | 分类:React | 浏览:195 | 评论:0

聊聊使用react Redux实现react组件之间的数据共享

2024年04月19日

关于ReactRedux实现React组件之间的数据共享，我们今天一起通过实例来解析下。实现React组件之间的数据共享：使用ReactRedux在复杂的React应用中，组件之间的数据共享是必不可少的。为了解决这个问题，可以使用ReactRedux来管理应用的状态，并实现组件之间的数据共享。...
作者:Terry | 分类:React | 浏览:338 | 评论:0

react应用：react+antd4实现优化大批量接口请求

2024年04月10日

我们来讲解下react+antd4实现优化大批量接口请求。当你接到一个需求，需要做一个运维的功能，对公司下平台子系统做一个开关界面，要求可以大批量对系统进行修改。这样大批量的修改，如果有个老哥手一抖点了全选，那可能同时会发送几十上百个接口，对浏览器和服务器都会是一个比较大的负担。相似的应用场景还有：...
作者:Terry | 分类:React | 浏览:591 | 评论:0

react 实战：教大家如何在 react 中创建导航栏

2024年04月09日

本文将向您展示如何在React中构建导航栏（“navbar”），同时涵盖从设计注意事项到实现和可访问性最佳实践的所有内容。任何Web应用程序的重要部分之一是导航栏，因为它允许用户浏览网站的不同页面和部分。因此，构建一个包含所需链接的导航栏以及正确的可访问性措施非常重要，以确保您的用户能够在您...
作者:Terry | 分类:React | 浏览:602 | 评论:0

使用 react + hook + antd 实现联动模糊搜索

2024年04月07日

今天我们来聊聊使用React+hook+antd实现联动模糊搜索。需要从用户选中的机构中，联动加载相对应的有权处理人。由于有权处理人数据量较大，并且需要动态加载，无法将所有枚举都放在前端静态资源中。需要根据所选择的机构，默认加载一部分的处理人，剩下的，根据用户手输的数据，与后台交互，模糊...
作者:Terry | 分类:React | 浏览:610 | 评论:0

react应用：xlsx和js-export-excel实现前端导出

2024年04月06日

在数据量不太大，或者开发周期比较急迫的情况下，可以把导出excel功能放到前端实现。这里笔者结合实际开发的经验，由于我司开发技术选型为React，最终选择js-export-excel(1.1.4)和xlsx(0.18.5)分别进行介绍如何实现前端导出excel功能。前置数据模拟以及导出预期...
作者:Terry | 分类:React | 浏览:785 | 评论:0

react 每日一学：分享实现浮层组件的思路与方法

2024年04月03日

今天来学习一个React应用：实现浮层组件。React浮层组件（也称为弹出组件或弹窗组件）通常是指在用户界面上浮动显示的组件，它们脱离常规的文档流，并且可以在用户进行某些操作时出现在页面的最上层。React浮层组件可以用于创建模态框（Modal）、下拉菜单（Dropdown）、工具提示（To...
作者:Terry | 分类:React | 浏览:580 | 评论:0

介绍react-hook-form-mui基本使用

2024年04月02日

在项目开发中，我们选择了React+MUI作为技术栈。在使用MUI构建form表单时，我们发现并没有与antd类似的表单验证功能，于是我们选择了MUI推荐使用的react-hook-form-mui库去进行验证。但是发现网上关于这个库的使用方法和demo比较少且比较简单，并没有复杂的表单验证的dem...
作者:Terry | 分类:React | 浏览:568 | 评论:0

Vue3 基础：使用ref与reactive创建响应式对象

2024年03月25日

分享一个Vue3基础知识点：使用ref与reactive创建响应式对象。先来简单介绍一下ref，它可以定义响应式的变量语法：letxxx=ref(初始值)。**返回值：**一个RefImpl的实例对象，简称ref对象或ref，ref对象的value属性是响应式的。注意点：JS中操作数据需要：...
作者:Terry | 分类:Vue3 | 浏览:478 | 评论:0

react路由：分享在项目中，如何实现路由拦截的

2024年03月19日

分享一个react路由小案例：分享在项目中，如何实现路由拦截的。做了一个demo，前端使用mock数据，然后实现简单的路由拦截，校验session是否包含用户作为已登录的依据，react-router-dom是v6。不像vue可以设置登录拦截beforeenter，react需要我们自己加。//ro...
作者:Terry | 分类:React | 浏览:464 | 评论:0

react Bug问题解决方案：进入页面后自动 focus 到某个输入框

2024年03月18日

分享一个关于ReactBug问题：进入页面后自动focus到某个输入框，如果去解决呢？在React.js当中你基本不需要和DOM直接打交道。React.js提供了一系列的 on* 方法帮助我们进行事件监听，所以React.js当中不需要直接调用 ad...
作者:Terry | 分类:React | 浏览:420 | 评论:0

react Native 应用：如何在react Native中添加自定义字体？

2024年03月16日

今天分享一个ReactNative的应用，如何在ReactNative中添加自定义字体的方法，我们一起往下看吧。我们将探索使用GoogleFonts在ReactNative应用中添加自定义字体的方法。要跟上进度，你应该熟悉ReactNative或ExpoSDK的基础知...
作者:Terry | 分类:React | 浏览:441 | 评论:0

基本的 react Native 性能提示和技巧

2024年03月05日

最大化ReactNative应用程序的性能对于确保无缝且高效的用户体验至关重要。不幸的是，许多开发人员忽视了性能优化的重要性，通常优先考虑代码的功能，而不考虑其对速度和响应能力的影响。杰出开发人员的与众不同之处在于他们在编码时认真考虑性能影响的能力。平衡JS线程和主线程之间的动画在任何应用...
作者:Terry | 分类:React | 浏览:505 | 评论:0

react 问答：IDEA中的react项目代码可维护性和可扩展性的设计指导

2024年02月29日

在当今Web开发领域中，React已经成为了一种非常受欢迎的JavaScript库。它提供了一种声明式的编程模型，使得UI组件的构建和管理更加简单和高效。然而，随着项目规模的增长和需求的变化，代码的可维护性和可扩展性显得尤为重要。在本文中，我们将探讨一些关于如何提高在IDEA中使用React构建项目...
作者:Terry | 分类:React 问答 | 浏览:1212 | 评论:0

react Design：构建出色用户界面的设计指南

2024年02月21日

ReactDesign是指在使用React框架开发应用程序时，遵循一些设计原则和最佳实践的方法。这些设计原则包括组件化、单一职责、可重用性、可维护性等。关于ReactDesign的一些重要概念包括：组件化：将应用程序拆分成多个独立的组件，每个组件负责特定的功能或展示特定的内容。单一职责...
作者:Terry | 分类:React | 浏览:549 | 评论:0

react 小应用：使用xlsx和js-export-excel来实现前端导出

2024年02月06日

春节临近，最后一天搬砖，上班的人少了好多，事情都做完了，摸摸鱼，发发帖子，分享点东西。讲讲React小应用：使用xlsx和js-export-excel来实现前端导出。在数据量不太大，或者开发周期比较急迫的情况下，可以把导出excel功能放到前端实现。这里笔者结合实际开发的经验，由于我司开发技术选...
作者:Sanakey | 分类:React | 浏览:665 | 评论:0

使用 Appwrite 在 react 应用程序中实现用户身份验证

2024年02月02日

身份验证是在授予应用程序访问权限之前验证用户身份的过程。这是开发的一个重要方面，因为它不仅保护用户的数据，而且还增强了整体用户体验。我们还可以使用经过验证的详细信息来个性化用户体验，提供定制内容，并提供用户特定设置或保存的首选项等功能。在本文中，我们将提供有关如何使用Appwrite在Reac...
作者:Terry | 分类:React | 浏览:1386 | 评论:0

Angular vs react – 从 SEO 的角度来看优缺点

2024年01月16日

Web开发的世界在短时间内发生了深刻的变化。在webdev领域发生的最重要的发展之一是采用JavaScript作为用于构建网站的前端框架。当今最流行的两个JavaScript框架是Angular和React。在功能上，它们彼此截然相反，并且具有截然不同的功能和用例。Angular...
作者:Terry | 分类:React | 浏览:650 | 评论:0

react Bate版常见问题解答与错误排查技巧

2024年01月08日

ReactBate版是React框架的一次重要更新版本，但在使用过程中，常常会遇到一些问题。在这篇文章中，我们将解答一些常见的问题，并介绍一些错误排查技巧，帮助您更好地使用ReactBate版。1.什么是ReactBate版？ReactBate版是React框架的一个预发布版本，用于测试新...
作者:Terry | 分类:React | 浏览:515 | 评论:0

IDEA开发react：使用IntelliJ IDEA进行高效的react开发

2024年01月08日

在现代的Web开发中，React已经成为了一种非常流行的前端框架。React以其高效的UI组件化和灵活的数据驱动方式，大大简化了复杂的前端开发任务。而对于React开发的IDE（集成开发环境）来说，IntelliJIDEA可以说是最佳选择之一。IntelliJIDEA是一款功能强大、智能便捷的J...
作者:Terry | 分类:React | 浏览:1061 | 评论:0

完全入门react和GraphQL：从基础到实战的全面学习指南

2023年12月30日

React和GraphQL是现代前端开发中非常热门的技术，同时也是构建强大的Web应用程序的关键。如果你对React和GraphQL还完全不了解，本篇文章将带你从零开始学习并实践这两项技术。1.React基础知识在学习React之前，首先要了解React的基本概念和核心特性。本节将介绍React的...
作者:abc123 | 分类:React | 浏览:723 | 评论:0

IDEA开发react项目最佳实践：提高代码质量和开发效率

2023年12月06日

在当今的软件开发领域，React已成为最受欢迎的JavaScript库之一。而IDEA作为一个强大的集成开发环境，提供了丰富的工具和功能，使得开发React项目变得更加高效和便捷。本文将介绍在使用IDEA开发React项目时的一些最佳实践，以提高代码质量和开发效率。1.使用ESLint进行代码检查...
作者:andy001 | 分类:React | 浏览:970 | 评论:0

Create react App与持续集成(CI)与自动化测试实践

2023年12月06日

现如今，前端开发中最热门的框架之一是React。它的出现不仅使得我们能够更高效地构建用户界面，还为我们带来了极大的开发便利性。而创造React应用的绝佳工具之一就是CreateReactApp（CRA）。CRA提供了一个易于使用和配置的基础React应用程序模板，可以帮助我们快速开始并搭建一个可...
作者:Terry | 分类:React | 浏览:717 | 评论:0

react Bate：构建可访问的react应用的国际化与多语言适配

2023年12月05日

在当今全球化的时代，构建可访问的网站和应用程序变得越来越重要。对于开发者来说，提供多语言支持和国际化功能是非常关键的一步。在React生态系统中，一个流行的解决方案是使用ReactBate。什么是ReactBate？ReactBate是一个基于React的国际化和多语言支持库。它提供了一种简单...
作者:Terry | 分类:React | 浏览:770 | 评论:0

Create react App实战案例剖析与问题排查

2023年11月30日

在现代的前端开发中，React已经成为了最受欢迎的JavaScript库之一。为了简化和加速React应用程序的开发过程，Facebook官方推出了一个名为CreateReactApp的工具，它可以帮助开发人员快速搭建React应用的项目结构，并提供了一些现代化的工具和配置。...
作者:Terry | 分类:React | 浏览:679 | 评论:0