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

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

搜索文章和话题

中文

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

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

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

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

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

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

一文教你掌握 CSS 渐变属性linear-gradient、radial-gradient
现代流行的网站上的颜色配置都丰富绚丽，用户会因为从灰色单一色彩到活力渐变红的背景所吸引。对于开发者而言，需要掌握这些视觉效果的实现方式。为了实现渐变效果，前端开发者可通过CSS中linear-gradient()和radial-gradient()这两种函数完成各种好看的效果。本文详细介绍linear-gradient()和radial-gradient()两个属性的使用方式，并且提供有趣的效果。
CSS
- 乐闻 · 前端 · 阅读 1376 · 2023年12月27日 23:11

在 TypeScript 中如何遍历 Enum 的两种方式
TypeScript中有一个JavaScript中没有的声明关键字，即enum,在TypeScript项目开发过程中，我发现使用枚举enum的概率是极高的。枚举是一种特殊的数据类型，它允许开发者定义一个静态变量集合。枚举类型帮助开发者清晰的预设集合中的变量，并且不允许运行时修改，这为程序运行提供了可预测性和稳定性的保障。在开发过程中，我们经常遇到需要遍历对象中所有属性的情况，对于特殊的枚举en
TypeScript
- 乐闻 · 前端 · 阅读 1931 · 2023年12月26日 22:11

一文讲清 TypeScript 的 Omit 和 Exclude 使用方式与功能对比
TypeScript为了开发者提供了基础数据类型，同时也允许开发者使用interface、type等指令自定义复杂结构类型。与编程变量类似，开发者不能无节制的新增类型，类型的整体集中管理是降低维护成本的重要手段。对于更多复杂的类型，开发者可以基于基础类型进行衍生，TypeScript提供了丰富的内置的工具类型，例如本文将会介绍的Omit 和 Exclude。基于这些工具类型
 TypeScript
- 乐闻 · 前端 · 阅读 2054 · 2023年12月26日 20:05

1
•••
4
5
6
7
8