51工具盒子

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

前端开发

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

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

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

![react](/images/tt/react.jpg "react") 分享一个[react](/tags/React/ "react")路由小案例:分享在项目中,如何实现路由拦截的。 做了一个demo,前端使用mock数据,然后实现简单的路由拦截,校验session是否包含用户作为已登录的依据,react-router-dom...

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

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

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

![React](/images/tt/react.jpg "React") 在项目开发中,我们选择了`React`+`MUI`作为技术栈。在使用`MUI`构建`form`表单时,我们发现并没有与`antd`类似的表单验证功能,于是我们选择了MUI推荐使用的`react-hook-form-mui`库去进行验证。但是发现网上关于这个库的使用方法和demo比...

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

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

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

![React](/images/tt/react.jpg "React") 今天来学习一个 [React](/React/ "React") 应用:实现浮层组件。 React 浮层组件(也称为弹出组件或弹窗组件)通常是指在用户界面上浮动显示的组件,它们脱离常规的文档流,并且可以在用户进行某些操作时出现在页面的最上层。React 浮层...

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

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

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

![](/images/tt/react.jpg) 春节临近,最后一天搬砖,上班的人少了好多,事情都做完了,摸摸鱼,发发帖子,分享点东西。讲讲React 小应用:使用xlsx和js-export-excel来实现前端导出。 在数据量不太大,或者开发周期比较急迫的情况下,可以把导出excel功能放到前端实现。 这里笔者结合实际开发的经验,由于我司开发技术选型为[React]...

React Design:构建出色用户界面的设计指南

React Design:构建出色用户界面的设计指南

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

React Design 是指在使用 React 框架开发应用程序时,遵循一些设计原则和最佳实践的方法。这些设计原则包括组件化、单一职责、可重用性、可维护性等。 关于 [React Design](/tags/React Design/ "React Design") 的一些重要概念包括: 1. 组件化:将应用程序拆分成多个独立的组件,每个组件负责特定的...

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

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

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

最大化 [React Native](/tags/React Native/ "React Native") 应用程序的性能对于确保无缝且高效的用户体验至关重要。不幸的是,许多开发人员忽视了性能优化的重要性,通常优先考虑代码的功能,而不考虑其对速度和响应能力的影响。 杰出开发人员的与众不同之处在于他们在编码时认真考虑性能影响的能力。 平衡 JS 线程和主...

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

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

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

![](/images/tt/react.jpg) 身份验证是在授予应用程序访问权限之前验证用户身份的过程。这是开发的一个重要方面,因为它不仅保护用户的数据,而且还增强了整体用户体验。我们还可以使用经过验证的详细信息来个性化用户体验,提供定制内容,并提供用户特定设置或保存的首选项等功能。 在本文中,我们将提供有关如何使用 Appwrite 在 React 应用程序中对用户进...

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

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

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

Web 开发的世界在短时间内发生了深刻的变化。 在 webdev 领域发生的最重要的发展之一是采用 [JavaScript](/tags/JavaScript/ "JavaScript") 作为用于构建网站的前端框架。当今最流行的两个 JavaScript 框架是 Angular 和 React。 在功能上,它们彼此截然相反,并且具有截然不同的功能和用例...

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

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

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

在当今的软件开发领域,React已成为最受欢迎的[JavaScript](/tags/JavaScript/ "JavaScript")库之一。而IDEA作为一个强大的集成开发环境,提供了丰富的工具和功能,使得开发React项目变得更加高效和便捷。本文将介绍在使用IDEA开发React项目时的一些最佳实践,以提高代码质量和开发效率。 1. 使用ESLint...