乐闻世界logo
搜索文章和话题

内容类型

热门标签

紧随技术热潮,标签精选不容错过
查看更多
前端

前端

Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。2005年以后,互联网进入Web 2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提
NestJS

NestJS

NestJS 是一种基于 TypeScript 的后端框架,它结合了 Express 和 Angular 的优点,提供了一种现代化、模块化和可扩展的开发方式。NestJS 的主要目标是提供一个高效、可维护和可测试的服务端应用程序框架,同时提供了许多有用的功能和工具,如依赖注入、模块化体系结构、中间件、管道、拦截器、异常过滤器等。 NestJS 的主要特点包括: 基于 TypeScript:Ne
React

React

React 是一个由 Facebook 开发的流行的 JavaScript 库,用于构建交互式用户界面。它采用了一种基于组件化的开发模式,使得开发人员可以将 UI 拆分为独立的、可复用的组件,并由这些组件构建复杂的用户界面。 React 的主要特点包括: 组件化开发:React 将 UI 拆分为独立的、可复用的组件,开发人员可以将这些组件组合在一起构建复杂的用户界面; 虚拟 DOM:React
Git

Git

Git是一个由林纳斯·托瓦兹为了更好地管理linux内核开发而创立的分布式版本控制/软件配置管理软件。需要注意的是和GNU Interactive Tools,一个类似Norton Commander界面的文件管理器相区分。
Golang

Golang

Go,也称为 Golang,是一种开源的编程语言,由 Google 开发。Go 是一种静态类型、编译型、并发型的语言,它被设计为一种简单、快速、可靠和高效的语言。Go 语言的语法类似于 C 语言,但也借鉴了其他语言的一些特性,如 Python 和 Java。 Go 语言的设计目标是提供一种简单、易于学习和使用的语言,同时具有高效的执行速度和并发处理能力。Go 语言的主要特点包括: 1. 并发支
AR

AR

增强现实 (AR) 增强现实 (AR) 是一种通过在真实世界中叠加数字内容(如图像、声音和 3D 物体)来增强用户对周围环境的感知的技术。与完全覆盖用户视野的 VR 不同,AR 让他们在继续看到和与环境互动的同时接收附加数字信息。 主要特点: 增强现实环境 物理空间中的内容放置和互动 可通过各种设备来实现,如智能手机、平板电脑或专门的 AR 眼镜 AR 产品示例: Microsoft HoloL
Redux

Redux

Redux 是一个流行的 JavaScript 状态管理库,主要用于管理复杂应用的状态。它由 Dan Abramov 和 Andrew Clark 创建,并受到了 Flux 架构的启发。Redux 的核心理念是维护一个单一的全局状态对象,所有的状态变更都通过一种叫做“action”的方式来描述,然后这些 action 会通过“reducer”函数来更新状态。
CSS

CSS

CSS(Cascading Style Sheets)是一种用于描述文档样式和布局的样式表语言,常用于 Web 开发中。它通过定义样式规则来控制 HTML 元素的外观和布局,使得开发人员可以更加灵活地控制页面的样式和排版。 CSS 的主要特点包括: 分离样式和内容:CSS 可以将样式信息从 HTML 内容中分离出来,使得样式和内容的管理更加清晰和易于维护; 层叠样式:CSS 中的样式规则是可以
C++

C++

C++ 是一种通用的、静态类型的编程语言,它具有高效性、灵活性和可移植性等特点。C++ 基于 C 语言,同时支持面向对象编程和泛型编程,可以用于开发各种类型的应用程序,如系统软件、游戏、桌面应用程序、移动应用程序等。 C++ 的主要特点包括: 高效性:C++ 是一种编译型语言,可以生成高效的本地代码,在性能要求高的应用程序中得到广泛应用; 面向对象编程:C++ 支持面向对象编程,包括封装、继承
Tailwind CSS

Tailwind CSS

Tailwind CSS 是一个非常强大且受欢迎的实用型 CSS 框架,于2017年由.Adam Wathan、Jonathan Reinink、David Hemphill 和 Steve Schoger 共同创立。 这个框架的主要目标是帮助开发者快速构建定制化的用户界面,而无需从头开始编写 CSS 代码。 Tailwind 提供了一整套预先定义好的类名,代表 CSS 的各种属性,如颜色、字体大

让知识触手可得

告别繁杂内容检索,标签带你直击核心内容
查看标签集合
让知识触手可得

热门文章精选

今日必读精选,精选不容错过
查看更多
探索 @nestjs/cqrs:在 NestJS 中实现命令查询责任分离模式CQRS

探索 @nestjs/cqrs:在 NestJS 中实现命令查询责任分离模式CQRS

在构建大型和复杂的Web应用时,维护清晰的代码结构和高效的操作是至关重要的。NestJS作为一个现代的Node.js框架,提供了多种方式来帮助开发者编写结构化和可维护的代码。其中,@nestjs/cqrs模块就是一种强大的机制,它通过实现命令查询责任分离(CQRS)模式,使得代码更加模块化,业务逻辑更清晰,同时还带来了性能和安全性的提升。在本文中,我们将详细探讨CQRS模式的好处,并通过一个创建博
TailwindCSS 支持文本文字超长溢出截断、文字文本省略号

TailwindCSS 支持文本文字超长溢出截断、文字文本省略号

文本文字超长截断并自动补充省略号,这是前端日常开发工作中常用的样式设置能力,文字超长截断主要分为单行超长截断和多行超长截断。本文通过介绍基本CSS样式、tailwindcss类设置两种基础方式来实现文字超长截断。TailwindCSS设置单行文字超长截断tailwindcss多个基础类组装<divclass="overflow-ellipsisoverflow-hiddenwhitesp
tailwindcss 如何配置默认单位为px

tailwindcss 如何配置默认单位为px

当我们刚开始使用tailwindcss框架处理项目中的样式,我相信很多人会跟我一样非常不习惯。tailwindcss默认支持的rem单位,而不是我们已经非常习惯的px,这其实给我们带来了不小的心智负担。这篇文章将介绍如何在项目中使用px单位设置元素的属性。方案方案一tailwindcss默认支持灵活设置元素距离属性,比如给div加一个16px的内边距,在属性后通过[]来设置具体的px;
TailwindCSS 多主题色配置

TailwindCSS 多主题色配置

现在大多数网站都支持主题色变换,比如切换深色模式。那么我们该如何进行主题色配置呢?tailwinddarktailwind包含一个dark变体,当启用深色模式时,可以为网站设置不同样式<divclass="bg-whitedark:bg-gray-800"><h1class="text-gray-900dark:text-white">Da
Nextjs 实现页面重定向的两种方案

Nextjs 实现页面重定向的两种方案

由于项目升级导致历史链接不在维护,但是历史页面链接因为各种方式(比如SEO搜素引擎收录,用户自行收藏等)被用户主动直接访问,面对这些问题,前端开发者是需要考虑将历史页面的访问引导到新的落地页面。本文介绍基于nextjs框架如何对历史页面链接进行重定向。方案一通过修改next config文件实现页面重定向,方案二通过修改getInitialProps方法逻辑进行重定向。
 在项目中快速使用React-i18next

在项目中快速使用React-i18next

React-i18next是一款强大的国际化框架forreact/reactnative,基于i18next,其作用就是项目可以实现多语言。下面我将介绍一下react-i18n的使用安装#npm$npminstallreact-i18nexti18next--save初始化配置选项resource:资源初始化lng:使用的语言fallbackLng:兜底语言debug:将日志打印到控制台inter
一文教会你如何使用 Vercel 部署你的 NestJS 应用

一文教会你如何使用 Vercel 部署你的 NestJS 应用

这篇文章详细解析了如何使用Vercel免费部署Nestjs项目的步骤。首先,我们需要在Nestjs项目中添加Vercel的配置文件。接着,我们将项目上传到GitHub,然后授权给Vercel。选择GitHub上的项目,通过Vercel平台创建新项目并完成部署。此外,如果你想使用个人域名访问你的服务,Vercel也提供了这样的支持,你只要有一个通过备案的个人域名,就可以将其配置到你的Vercel项
React 支持多语言国际化 -- i18next

React 支持多语言国际化 -- i18next

前言如果我们的项目需要更多的流量,支持其他国家的语言是必不可少的。对于React项目我们该如何实现项目多语言,让工程走向国际化,本文将介绍目前最通用的解决方案i18next。准确是说i18n并不仅仅是为React而生,为了支持React项目,我们还需要引入react-i18next插件。本文将通过简单的例子解释i18next的核心功能,下图是最终效果。
精通CSS动画:基于 TailwindCSS 轻松添加动画效果

精通CSS动画:基于 TailwindCSS 轻松添加动画效果

动画是现代网页设计中不可或缺的一部分,它们可以指引用户的注意力,增加交互性,以及提升用户体验。TailwindCSS作为一个功能强大的工具类CSS框架,为我们添加和控制动画提供了一系列便捷的方式。本文将演示如何使用TailwindCSS来处理和激活网页动画,使你的网站看起来更加生动。TailwindCSS动画基础TailwindCSS中处理动画的核心是transition和animation实用类
如何封装React无限滚动加载列表组件【含源码】

如何封装React无限滚动加载列表组件【含源码】

前言由于需要考虑后端接口的性能问题,我们在请求业务数据列表的时候并不能直接请求全量数据。所以我们在请求数据时常见的方式是做分页查询。对于前端交互而言,我们需要考虑如何优雅的让用户触发请求下一页数据的接口。常用的方法有两种:1.提供显示的分页器,让用户自己手动点击下一页;2.业务滚动到某个阈值时自动触发下一页请求。对于移动端,滚动加载的交互是更加优雅的处理方式。对于滚动加载的能力,我们需要一个公共的

技术视角,新鲜视野

最新 IT 技术文章,紧跟科技发展步伐
技术文章集合
技术视角,新鲜视野

高质量教程导航

一站式教程导航,全面技能提升
查看更多
NestJS 最佳实践手册

NestJS 最佳实践手册

在这个全面的NestJS最佳实践手册中,我们将一起探索如何使用NestJS这个强大的Node.js框架来构建可维护、可扩展的企业级应用。从NestJS的基本概念和架构出发,到深入了解其依赖注入、模块化和微服务等核心功能,本手册将为你提供一系列的专业指导和实用技巧。 我们将讨论如何有效地利用TypeScript的强类型能力,如何整合ORM以实现数据库操作,以及如何应用中间件、守卫、过滤器和拦截器来
TailwindCSS 使用指南

TailwindCSS 使用指南

Tailwind CSS 是一个流行的 CSS 工具库,它提供了一系列预定义的 CSS 类,可以帮助您轻松地创建漂亮的用户界面。本教程将帮助您深入了解 Tailwind CSS 的高级功能和技术,以帮助您更好地利用这个强大的工具库。 在本教程中,您将学习到: 如何使用 Tailwind CSS 的主题和变量来自定义外观和样式; 如何在 Tailwind CSS 中配置和使用插件来扩展其功能;
Nextjs 全栈开发手册

Nextjs 全栈开发手册

在这个系列教程中,您将踏上一段探索 Next.js 的精彩旅程。Next.js 是一款基于 Node.js 和 React 的现代化框架,专为构建快速、静态生成和服务器端渲染的Web应用而设计。无论您是前端新手还是经验丰富的开发者,本教程都将以步骤分解的方式带领您从基础概念到高级功能,全面了解 Next.js 的核心特性。 我们将从 Next.js 的安装和基本配置开始,逐步深入到路由、状态管理
从零基础入门通关 NestJS

从零基础入门通关 NestJS

这是专为初学者设计的NestJS系列教程,旨在带领你踏上全栈开发的征途。从零基础出发,本教程将分步骤带你认识NestJS,一个以TypeScript为基础,为构建高效、可扩展的服务器端应用而生的框架。你不只会学到如何搭建和运行一个最简单的NestJS应用,而且将逐渐深入到如何利用其强大的模块系统、中间件、异常过滤器和管道优化你的代码结构和请求处理流程。无论是掌握数据库集成、认证授权,还是搞定微服务
精通 NestJS 框架的核心组件

精通 NestJS 框架的核心组件

欢迎来到NestJS核心组件掌握课程,每个模块都是为了加深你对这个现代、高效框架的理解而精心设计的。在本系列教程中,我们将逐一拆解并深入研究NestJS的各个核心组件,包括控制器、提供者、模块、中间件、过滤器、守卫、拦截器和管道。我们将通过易于理解的解释、充满示例的指导和逐步实现,教会你如何精确运用这些基石以构建健壮与可扩展的后端应用。随着你对每个组件功能和应用场景的深入了解,你将能够轻松应对各种
React Hooks 学习手册

React Hooks 学习手册

随着现代前端开发的迅猛进展,React Hooks 已成为实现复杂组件和逻辑的优选方案,凭借其简洁的语法与强大的功能,彻底改变了我们构建React应用的方式。透过这套全方位教程,我们将带你从Hooks基础概念入手,深入探索useState、useEffect等核心钩子的使用,并解锁自定义Hooks的强大潜力,助你精通函数式组件的状态管理和副作用处理。无论你是初学者还是希望提升现有知识的开发者,本系
TypeScript 从入门到进阶

TypeScript 从入门到进阶

欢迎您踏上 TypeScript 的学习之旅,这是一种建立在 JavaScript 基础上的强类型编程语言,打造健壮且易维护的大型项目的最佳工具。我们的教程旨在将其复杂性转化为您的成就。 本系列教程涵盖了所有 TypeScript 的关键领域,无论您是初次接触还是已有经验,都能在这里找到自己的节奏。我们从 TypeScript 基本概念入手,明白其如何在 JavaScript 的基石之上,增加了
Cypress 通关指南

Cypress 通关指南

项目的稳定性是项目迭代过程中最重要的关注点,在Web应用开发中,如何保证程序的高质量,可靠和良好的用户体验是指关重要的。为了达到这些目标,E2E自动化测试是不可或缺的环节。 目前市面上流行的E2E自动化框架中,cypress是基于JavaScript编写用例的框架,作为前端开发者,可以轻松接入E2E自动化测试。 Cypress为开发者提供了简洁、高效的测试方法,无论是对于初学者还是经验丰富的开
Typeorm 使用指南

Typeorm 使用指南

TypeORM 是一个流行的 TypeScript ORM(对象关系映射)库,它可以帮助您轻松地将 TypeScript 类映射到关系型数据库表。本教程将帮助您深入了解 TypeORM 的高级功能和技术,以帮助您更好地利用这个强大的库。 在本教程中,您将学习到: 如何使用 TypeORM 中的高级查询和过滤功能来查询和操作数据库; 如何使用 TypeORM 中的实体继承和关系映射来创建复杂的数
Redux 通关教程

Redux 通关教程

这套Redux通关教程是为希望深入理解和有效运用Redux进行状态管理的开发者设计的。我们将从Redux的基础开始,详细讲解其核心概念如Actions、Reducers和Store,以及如何将Redux集成到React应用中。随着课程的深入,你将学习到更高级的主题,包括中间件的使用、异步流的处理、Redux DevTools的调试技巧,以及如何利用Reselect优化选择器性能。我们还会探讨如何结

全栈开发者指南

精选教程,全面掌握IT核心技能
查看教程集合
全栈开发者指南

活跃创作者

活跃创作者,极致的分享体验

创作达人秘籍

内容创作的秘诀,活跃达人如何炼成
创作秘籍
创作达人秘籍

热门面试题

高质量 IT 面试题,争取更好的工作岗位
查看更多

求职者的面试宝典

名企热门面试题目,助你一举拿下Offer
面试题集合
求职者的面试宝典

热门问题集锦

常见编程疑问,快速定位问题及解决方案
查看更多

热门编程难题速查

编程常见问题答疑,技术难点不再是难点
问题集锦
热门编程难题速查