关键词搜索结果：
2024年10月30日
Gmail在2004年改变了网络平台——我们是否将要看到微软Edge带来的类似转变？而且这一次，JavaScript更少了。二十年前，基于浏览器的应用程序（Web应用程序）在功能上实现了巨大飞跃。2004年4月，谷歌推出了首批与原生应用程序一样运行的Web应用程序之一：Gma...
2024年10月25日
随着React生态系统的不断发展，尤其是Next.js转向“服务器优先”方法，使用CSS-in-JS解决方案（如Emotion和styled-components）的应用程序面临着重大挑战。这些CSS-in-JS库本质上与新的React范式不兼容。虽然有人可能会认为这些库可以更新以适...
2024年10月18日
React以其创建前端网页动画和特效的能力而闻名。程序员JonnyBurger发现视频编辑器很难使用，因此他决定利用React的动画功能并构建一个使用React代码创建视频的框架。它被称为Remotion。“对于想要自己制作视频编辑器的人...
2024年10月17日
我们期待在ECMAScript2025中看到的重大新JavaScript功能，以及导致这些功能延迟的讨论。微软Edge浏览器团队于5月发布了WebUI2.0，该项目旨在用原生Web组件取代React组件，其主要目标是让Edge为最终用户提供更快的体验。其核心思想是采用...
2024年10月10日
不使用框架的服务器端渲染和服务器端数据提取的演示-展示React驱动的框架实际做什么。在这篇文章中，我将解释如何在React中启用服务器端渲染和服务器端数据提取......无需使用框架！虽然这篇文章中的代码并不是我所...
2024年09月25日
在本节中，我们将学习如何在React应用程序中实现Redux。这里，我们提供了一个连接Redux和React的简单示例。步骤1：创建React项目使用create-react-app命令创建一个新的React...
2024年09月12日
在本文中，我们将创建一个受iOS启发的切换React组件。这将是一个小型的独立组件，您可以在未来的项目中重复使用。在此过程中，我们还将构建一个使用我们自定义切换开关组件的简单演示React应用程序。虽然我们可以为此使用第三方库，但从头开...
2024年07月18日
在React项目中，经常会遇到路由问题，那么如何去返回拦截呢？React基础应用中，实现路由返回拦截的三种方式如下：使用beforeRouteLeave守卫：这种方式在离开路由之前调用，可以在组件中添加逻辑，如检查某些条件，如果条件不符，则返回提示或不允许离开。const MyCompo...
2024年07月02日
在React中，要实现一个组件表格并且固定底部，可以使用CSS的固定定位或绝对定位来实现。以下是一个简单的例子：import React from 'react';import './App.css';function&...
2024年07月01日
分享一个React基础应用：分享实现路由返回拦截的三种方式。最近项目为了避免用户误操作导致数据丢失，增加返回拦截功能，但是之前由于qiankun的报错导致这个功能一直有一些问题，所以专门独立搞了一个专题研究在react中各种方式实现这个功能，组内小伙伴使用的是prompt方式，实现的还是比较方便，...
2024年06月04日
在本文中，我们将介绍一套全面的技巧和策略，旨在帮助开发人员优化他们的ReactNative应用程序，将其提升到最佳性能，并提供无与伦比的用户体验。最大限度地提高ReactNative应用程序的性能对于确保无缝高效的用户体验至关重要。不幸的是，许多开发人员忽视了性能优化的重要性，通常优先考...
2024年05月25日
在本文中，我们将讨论React表单构建器，了解其核心功能，查看选择表单构建器时需要考虑的一些重要方面，并探索一些流行的选项。这些受欢迎的选择包括：调查JS表单生成器TripettoForm.io表单在吸引用户、收集基本信息、启用各种应用程序中的重要功能以及允许用户输入信息方面发挥着关键作用。然而...
2024年05月20日
我们来聊聊react中使用Echarts的问题。近期在写React的前端时遇到了使用Echarts只有图表没有其他组件的情况在询问大佬之后找到了解决方法。遇到问题引用Echarts除了能够显示图表以外无法显示其他组件，整个图比较死板。我的错误没有注意最开始的引用，看着其他博客写的使用了按需引入，显示...
2024年05月13日
我们先来提出几个问题，解决了之后，我们也就实现了一个todo。前面的 icon 用什么来实现。如何实现文字不可点击，前方icon可点击的效果？如果有多个元素循环渲染的情况下，我们怎么在点击的时候对单个元素做样式的修改？（React）这里有几个部分需要来讨论：首先是整个用什么来实现...
2024年05月08日
我们一起来探讨个问题：vue3直接对reactive声明的变量本身进行赋值是无效的。筛选表单重置功能// 数据结构let filterForm = reactive({ createDate: null, ...
2024年04月25日
其实组件之间的传参思路基本都差不多，我们今天来学下react组件之间的传参。众所周知，在业务开发中，无论用的什么框架，首要熟悉的有以下几点：项目搭建，基础配置，命名规范。...
2024年04月19日
关于ReactRedux实现React组件之间的数据共享，我们今天一起通过实例来解析下。实现React组件之间的数据共享：使用ReactRedux在复杂的React应用中，组件之间的数据共享是必不可少的。为了解决这个问题，可以使用ReactRedux来管理应用的状态，并实现组件之间的数据共享。...
2024年04月10日
我们来讲解下react+antd4实现优化大批量接口请求。当你接到一个需求，需要做一个运维的功能，对公司下平台子系统做一个开关界面，要求可以大批量对系统进行修改。这样大批量的修改，如果有个老哥手一抖点了全选，那可能同时会发送几十上百个接口，对浏览器和服务器都会是一个比较大的负担。相似的应用场景还有：...
2024年04月09日
本文将向您展示如何在React中构建导航栏（“navbar”），同时涵盖从设计注意事项到实现和可访问性最佳实践的所有内容。任何Web应用程序的重要部分之一是导航栏，因为它允许用户浏览网站的不同页面和部分。因此，构建一个包含所需链接的导航栏以及正确的可访问性措施非常重要，以确保您的用户能够在您...
2024年04月07日
今天我们来聊聊使用React+hook+antd实现联动模糊搜索。需要从用户选中的机构中，联动加载相对应的有权处理人。由于有权处理人数据量较大，并且需要动态加载，无法将所有枚举都放在前端静态资源中。需要根据所选择的机构，默认加载一部分的处理人，剩下的，根据用户手输的数据，与后台交互，模糊...
2024年04月06日
在数据量不太大，或者开发周期比较急迫的情况下，可以把导出excel功能放到前端实现。这里笔者结合实际开发的经验，由于我司开发技术选型为React，最终选择js-export-excel(1.1.4)和xlsx(0.18.5)分别进行介绍如何实现前端导出excel功能。前置数据模拟以及导出预期...
2024年04月03日
今天来学习一个React应用：实现浮层组件。React浮层组件（也称为弹出组件或弹窗组件）通常是指在用户界面上浮动显示的组件，它们脱离常规的文档流，并且可以在用户进行某些操作时出现在页面的最上层。React浮层组件可以用于创建模态框（Modal）、下拉菜单（Dropdown）、工具提示（To...
2024年04月02日
在项目开发中，我们选择了React+MUI作为技术栈。在使用MUI构建form表单时，我们发现并没有与antd类似的表单验证功能，于是我们选择了MUI推荐使用的react-hook-form-mui库去进行验证。但是发现网上关于这个库的使用方法和demo比较少且比较简单，并没有复杂的表单验证的dem...
2024年03月25日
分享一个Vue3基础知识点：使用ref与reactive创建响应式对象。先来简单介绍一下ref，它可以定义响应式的变量语法：letxxx=ref(初始值)。**返回值：**一个RefImpl的实例对象，简称ref对象或ref，ref对象的value属性是响应式的。注意点：JS中操作数据需要：...
2024年03月19日
分享一个react路由小案例：分享在项目中，如何实现路由拦截的。做了一个demo，前端使用mock数据，然后实现简单的路由拦截，校验session是否包含用户作为已登录的依据，react-router-dom是v6。不像vue可以设置登录拦截beforeenter，react需要我们自己加。//ro...