前端相关文章 - 探索编程世界，技能提升从这里开始 - 乐闻世界

探索精选标签技术文章教程中心热门资源面试宝典问题集锦工具中心

搜索文章和话题

详细介绍如何在 Next.js 中使用 Redis
在这篇文章中，我们将探讨如何在Next.js项目中整合Redis。Redis是一个开源的高性能键值对数据库，广泛用于缓存、会话管理以及作为消息代理等场景。如果你的Next.js应用需要高效地处理数据并快速响应用户的请求，那么整合Redis可以是一个非常好的选择。使用步骤一、准备工作在开始之前，请确保你已经在本地或服务器上安装了Redis，并能够正常运行。然后安装与Redis交互的Node.js客户
 React Next.js
- 乐闻 · 前端 · 阅读 1992 · 2024年2月23日 14:33

基于 React 封装操作浏览器剪切板的 Hook - useClipboard
在Web开发中，我们经常会遇到需要操作剪切板的场景，比如复制一段代码、一个链接或者一些文本信息。React通过自定义Hook让这个过程变得既简单又高效。本文将教你如何封装一个useClipboardHook来操作浏览器的剪切板。开始封装useClipboardHook要创建一个useClipboardHook，我们需要使用两个基础的Hook:useState和useEffect，以及浏览器提供的C
React
- 乐闻 · 前端 · 阅读 3813 · 2024年2月23日 13:49

基于 React 封装网络状态变化的 Hook，轻松监听网络变化
随着移动互联网的普及，用户对Web应用的网络连接状态变得越来越敏感。无论在地铁隧道还是偏远地区，不稳定或缺失的网络连接都是常态。因此，为了提供无缝的用户体验，构建一个能够智能响应网络状态变化的应用变得至关重要。本文将介绍如何使用ReactHooks来轻松创建一个网络状态监听器，从而让您的应用能够优雅地应对网络的波动。使用ReactHook监听网络状态变化初始化Hook结构创建一个新文件useNet
React
- 乐闻 · 前端 · 阅读 3495 · 2024年2月22日 23:31

前端离线存储能力：如何在 React 中巧妙运用IndexedDB
当我们开发复杂的Web应用时，常常需要在客户端存储大量数据。你可能听过localStorage或者sessionStorage，但它们在存储空间和功能上都有限。而今天我们要聊的，是一个功能更强大的技术：IndexedDB。IndexedDB是什么IndexedDB是一个运行在浏览器中的非关系型数据库。它让你能够存储大量的数据，并具有高性能的查询能力。不像localStorage只能存储字符串，In
React
- 乐闻 · 前端 · 阅读 3149 · 2024年1月11日 23:29

响应式设计：使用REM实现自适应字体缩放
在构建现代网站时，支持不同设备的屏幕尺寸是前端开发者面临的重要挑战之一。为了提供更好的用户体验，网页上的内容，尤其是文字需要能够随着屏幕尺寸的变化而适应不同的显示需求。相比于传统的固定单位（如px），rem（rootem）单位提供了一种更加灵活且容易实施的解决方案，使得我们能够轻松实现屏幕放大缩小时页面文字能够跟随屏幕比例自动调整的设计。在本教程中，我将带大家了解何为rem单位，并演示如何使用它来
 CSS
- 乐闻 · 前端 · 阅读 3401 · 2024年1月9日 15:33

React 内置 Hook 之 useState 深度解析与使用案例
我们都知道React从16.8版本开始引入了Hooks特性，这对于函数式组件来说是一次质的飞跃。它使得我们可以在不必写成class形式的情况下，使用state和其他特性，使代码更简洁，易读和易于测试。在所有的Hooks中，useState 可谓是基础而且非常关键的一个。我们可通过它在功能组件中声明和操作state，这对于传统只能在class组件中操作state的思维是一次重大改变。这次，
React
- 乐闻 · 前端 · 阅读 4925 · 2024年1月2日 22:57

一篇文章学会 NestJS 中间件的使用，让你的应用更灵活和可扩展
当我们基于NestJS框架构建和管理应用程序时，常常需要在特定的阶段执行一些额外的操作，例如在接收请求时进行身份验证，或在发送响应之前添加一些自定义的HTTP头。这就是我们需要理解和使用NestJS中间件的原因——它就像一道门，所有的请求必须要过这道门，而我们可以在门上挂上各种“魔法”，使得我们的应用程序更强大、更容易管理。什么是NestJS中间件NestJS中间件实际上就是一个函数，这个函数可以
 NestJS
- 乐闻 · 前端 · 阅读 10049 · 2024年1月1日 20:13

VSCode 如何安装插件的历史版本
在日常开发过程中，我们可能会遇到新版VSCode插件存在问题，无法正常工作的情况。这种情况下，一种可行的解决方案就是安装插件的历史版本。VSCode插件默认安装的都是插件最新的版本，例如下面vscode-styled-compoents插件本人最近面临这种情况，我在项目中使用styled-compoent时，为了实现代码智能提示，官方推荐使用vscode-styled-compoents插件，
VSCode
- 乐闻 · 前端 · 阅读 3207 · 2023年12月28日 22:03

React Query：React 中优雅简单的接口数据状态管理
如何通过Ajax或者Fetch优雅的请求后端接口，这是所有复杂前端项目都需要考虑处理的事情。在React项目中，有不少成熟的Hook能够让开发者管理整个请求过程中的数据和状态，例如axios-hooks、use-http、react-query、swr甚至ahook中提供的useRequest。我曾经很长一段时间是直接使用ahook中的useRequest，但是有的项目中不需要ahook中的其他h
React
- 乐闻 · 前端 · 阅读 2898 · 2023年12月28日 20:33

如何通过 useMemo 和 useCallback 提升你的 React 应用性能
在React中，useMemo和useCallback这两个hook是我们优化应用性能的有力工具。它们会返回memoized版本的值或函数，只在依赖项发生变化时才进行重新计算或定义。Hook介绍useMemouseMemo的作用是返回一个memoized值，它接受两个参数：一个函数和一个依赖数组。只有当依赖项中的一个值变化，才会重新计算并返回新的memoized值。constmemoizedV
React
- 乐闻 · 前端 · 阅读 1718 · 2023年12月27日 23:23

1
•••
4
5
6
7
8