51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

前端开发

基本 React Native 性能提示和技巧

基本 React Native 性能提示和技巧

厉飞雨 阅读(4) 评论(0) 赞(0)

![基本 React Native 性能提示和技巧](/images/tt/react.jpg) 在本文中,我们将介绍一套全面的技巧和策略,旨在帮助开发人员优化他们的 React Native 应用程序,将其提升到最佳性能,并提供无与伦比的用户体验。 <br /> 最大限度地提高 React Native 应用程序的性能对于确保无缝高效的用户体验至关重要。不幸...

React 基础应用:分享实现路由返回拦截的三种方式

React 基础应用:分享实现路由返回拦截的三种方式

厉飞雨 阅读(6) 评论(0) 赞(0)

![](/images/tt/react.jpg) 分享一个[React](/react "React") 基础应用:分享实现路由返回拦截的三种方式。 最近项目为了避免用户误操作导致数据丢失,增加返回拦截功能,但是之前由于`qiankun`的报错导致这个功能一直有一些问题,所以专门独立搞了一个专题研究在react中各种方式实现这个功能,组内小伙伴使用的是...

React中使用Echarts的BUG:无法显示title、tooltip

React中使用Echarts的BUG:无法显示title、tooltip

厉飞雨 阅读(7) 评论(0) 赞(1)

我们来聊聊react中使用Echarts的问题。 近期在写React的前端时遇到了使用Echarts只有图表没有其他组件的情况 在询问大佬之后找到了解决方法。 {#_label1} 遇到问题 {#heading-1} ----------------- 引用Echarts除了能够显示图表以外无法显示其他组件,整个图比较死板。 ![image.png](http://...

React应用:基于React实现一个todo打勾效果

React应用:基于React实现一个todo打勾效果

厉飞雨 阅读(6) 评论(0) 赞(2)

![](/images/tt/react.jpg) 我们先来提出几个问题,解决了之后,我们也就实现了一个`todo。` * 前面的 `icon` 用什么来实现。 * 如何实现文字不可点击,前方`icon`可点击的效果? * 如果有多个元素循环渲染的情况下,我们怎么在点击的时候对单个元素做样式的修改?(React) 这里有几个部分需要来讨论: 首先是整个用什么来实现这...

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

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

厉飞雨 阅读(4) 评论(0) 赞(0)

关于React Redux实现React组件之间的数据共享,我们今天一起通过实例来解析下。 实现React组件之间的数据共享:使用React Redux {#heading-0} ------------------------------------------- 在复杂的React应用中,组件之间的数据共享是必不可少的。为了解决这个问题,可以使用React Redux来...

React应用:xlsx和js-export-excel实现前端导出

React应用:xlsx和js-export-excel实现前端导出

厉飞雨 阅读(9) 评论(0) 赞(0)

在数据量不太大,或者开发周期比较急迫的情况下,可以把导出excel功能放到前端实现。 这里笔者结合实际开发的经验,由于我司开发技术选型为[React](/React/ "React"),最终选择 js-export-excel (1.1.4) 和 xlsx (0.18.5) 分别进行介绍如何实现前端导出excel功能。 {#_label1} 前置数...

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

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

厉飞雨 阅读(5) 评论(0) 赞(1)

![React](/images/tt/react.jpg "React") 今天我们来聊聊使用 [React](/React/ "React") + hook + antd 实现联动模糊搜索。 需要从用户选中的机构中,联动加载相对应的有权处理人。 由于有权处理人数据量较大,并且需要动态加载,无法将所有枚举都放在前端静态资源中。 ...

React 实战:教大家如何在 React 中创建导航栏

React 实战:教大家如何在 React 中创建导航栏

厉飞雨 阅读(5) 评论(0) 赞(0)

![React 实战](/images/tt/react.jpg "React 实战") 本文将向您展示如何在 React 中构建导航栏("navbar"),同时涵盖从设计注意事项到实现和可访问性最佳实践的所有内容。 <br /> 任何 Web 应用程序的重要部分之一是导航栏,因为它允许用户浏览网站的不同页面和部分。 ...

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

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

厉飞雨 阅读(6) 评论(0) 赞(1)

![react](/images/tt/react.jpg "react") 我们来讲解下[react](/tags/react/ "react")+antd4实现优化大批量接口请求。 当你接到一个需求,需要做一个运维的功能,对公司下平台子系统做一个开关界面,要求可以大批量对系统进行修改。这样大批量的修改,如果有个老哥手一抖点了全选,...

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

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

厉飞雨 阅读(9) 评论(0) 赞(0)

![react](/images/tt/react.jpg "react") 分享一个关于React Bug问题:进入页面后自动 focus 到某个输入框,如果去解决呢? 在 React.js 当中你基本不需要和 DOM 直接打交道。React.js 提供了一系列的 `on*` 方法帮助我们进行事件监听,所以 React.js 当中不需要直接调用 `ad...