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

如何在 NestJS 中安全高效的管理 Config 配置
应用程序通常需要在多种环境中运行,比如本地开发环境、测试环境和生产环境。在不同的环境中,我们通常需要采用不同的配置设置。举个例子,本地环境可能需要一个特定的数据库凭据,而生产环境则使用另一组完全不同的数据库凭据。由于这些配置变量频繁地改变,因此最佳实践是将它们存在环境变量中。在Node.js中,外部定义的环境变量可以通过process.env全局变量来访问。一种可能的做法是在每个环境中设置不同的环
服务端 · 阅读 5188 · 2023年12月29日 22:14

Golang 如何获取当前运行文件的目录
Golang如何获取当前运行文件的目录?Golang的开发中,有时候我们需要获取当前正在运行的程序所在的目录路径,这对于读取相对路径下的配置文件或资源文件非常有用。本文将展示几种在Golang中获取当前运行文件目录的方法。方法一:使用os包Go语言的os包提供了很多与操作系统交互的功能,其中就包括了获取当前执行的程序的绝对路径。packagemainimport("fmt""os""path/f
服务端 · 阅读 3349 · 2024年4月19日 22:45

PNPM Workspace - 如何高效优雅的管理 Monorepo 项目
在现代的软件开发中,Monorepo(单仓库)模式越来越受到青睐。Monorepo允许你将多个项目置于同一个版本控制系统中管理,简化了很多项目间依赖和协调的工作。然而,Monorepo管理也并非易事,尤其是当涉及到JavaScript生态系统中的依赖管理时。本文将介绍如何使用PNPM来优雅地管理Monorepo,确保依赖清晰、高效和简洁。PNPM简介PNPM是一个快速、节省磁盘空间的包管理工具
前端 · 阅读 1561 · 2024年7月17日 10:29

React Hook 的 useImperativeHandle 使用和实践
随着ReactHook的引入,React让函数组件拥有了和类组件相同的能力,而useImperativeHandle则是ReactHook中一个比较少见但在某些场景下非常有用的Hook。什么是useImperativeHandle?useImperativeHandle允许你在使用ref时自定义暴露给父组件的实例值。通常,父组件通过ref能够获取到子组件的DOM节点。然而,有时候你可能希望父组件可
前端 · 阅读 3623 · 2024年3月4日 14:15

基于 NestJS 集成 ElasticSearch 实现模糊搜索功能
Elasticsearch是一个基于Lucene的开源搜索引擎。它提供了一个分布式多用户能力的全文搜索引擎,基于RESTfulweb接口。Elasticsearch具有高弹性,支持即时和实时的复杂搜索功能。NestJS是一个用于构建高效、可扩展的Node.js服务器端应用程序的框架,它使用TypeScript开发并且结合了OOP(面向对象编程)、FP(函数式编程)和FRP(函数响应式编程)。整合E
服务端 · 阅读 3626 · 2024年1月3日 23:02

在前端项目中开始使用 TailwindCSS
TailwindCSS近年来在前端圈非常流行,它摆脱了原有的CSS限制,以灵活实用为卖点,用户通过各种class组合即可构建出漂亮的用户界面。对于初学者而言,可能需要一些上手成本,一旦掌握实用技巧后,TailwindCSS会是我们开发工作中的出鞘利刃。TailwindCSS开发期间碰到过TailwindCSS相关的各种问题。想着把TailwindCSS的使用技巧和踩坑经验记录下来,分享给
前端 · 阅读 5054 · 2023年12月5日 19:45

React 内置 Hook 之 useReducer 优雅管理状态
在开发React应用程序时,状态管理一直是一个需我们重点关注的主题。而在React16.8的版本中,新引入的HooksAPI使得我们可以更加方便的在函数式组件中使用状态和其他React特性而无需写class。本文就详细的为你介绍一个非常强大的Hook:useReducer,它为复杂状态的管理提供了出色的解决方案。什么是useReduceruseReducer就如同它的名字暗示的那样,它是一个允许你
前端 · 阅读 2796 · 2021年12月24日 11:17

基于NestJS 和 TypeORM 实现 CURD RESTful API接口
对于服务端项目而言,对外如何提供合格规范的HTTP接口,对内如何优雅的操作数据存储,比如mysql、mongodb。本文是NestJS服务端开发的基础入门教程,我会根据成熟的解决方案,给大家详细介绍如何基于NestJS实现开发RESTfulAPI,其中基于TypeORM操作mysql数据的增删改查。希望通过阅读完这篇文章后零基础的朋友也能够完成简单的服务端项目开发。准备工作1.安装依赖为了方便对m
服务端 · 阅读 5282 · 2023年12月20日 23:21

NestJS 支持自定义命令行, @Command 的使用指南
NestJS作为一个高效、可扩展的Node.jsweb框架,其设计上受到Angular的启发,提供了强大的模块化与依赖注入特性。前端的开发者们早已习惯于这些概念,并且这种设计哲学也在Node.js的后端开发中大放异彩。今天,我们要介绍的是NestJS中一个不那么广为人知,但却异常强大的装饰器:@Command。这是NestJSCLI的一个特性,允许你创建自定义的命令行指令(CLIcommands)
服务端 · 阅读 1406 · 2024年1月9日 23:12
