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

React Context:组件跨层级共享状态参数
通常情况下,我们通过props将参数从父组件传递给子组件,达到组件间状态参数共享的目的。但是面对嵌套了多层组件的情况,继续使用props一层一层的传递参数是非常冗余和繁琐的。对于这种包含多层组件的传参,React提供了Context能力来支持父组件向它包含的无论嵌套层级有多深的子组件传递状态参数,让状态共享变的简单。使用步骤一、创建Context通过createContext创建Context
前端 · 阅读 1398 · 2023年11月28日 22:13

一篇文章学会使用 NestJS 的 Module 实现高效的代码模块管理
在构建大型Web应用时,代码的组织和管理往往十分复杂。有没有一种方式可以使应用的每一个部分可以过分承担工作并保持独立,同时又能一起协作实现应用的完整功能呢?本文将为您详细介绍NestJS模块的概念以及创建过程。NestJS模块类似于工厂中的各个部门,每个部门有一套自己的工作模式,但最终共同完成整个生产流程。通过这篇文章,您不仅将理解NestJS模块是什么,更能掌握如何创建自己的自定义模块。且看这次
服务端 · 阅读 5517 · 2024年1月3日 20:32

如何在 TailwindCSS 中使用 CSS 变量
TailwindCSS作为一种功能类优先的CSS框架,其简洁和高度可定制的设计理念受到了前端开发者的广泛欢迎。CSS变量(也称为CSS自定义属性)是现代前端开发的一部分,能够带来更高的灵活性和维护性。那么,如果你想在TailwindCSS中利用CSS变量的强大功能,应该怎么做呢?以下是一份简明指南。什么是CSS变量?在深入了解如何在Tailwind中使用CSS变量之前,让我们快速地回顾一下CSS变
前端 · 阅读 5443 · 2024年2月28日 20:19

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

微信小程序 自定义组件
一、组件间传值定义组件//modal.wxmlbuttonbindtap='clickEvent'测试/button//modal.jsmethods:{clickEvent:function(e){varmyEventDetail={a:1,b:2,3:2};//提供给事件的监听函数varmyEventOption={};//触发事件的选项debuggerthis.triggerEvent(&#
前端 · 阅读 1210 · 2022年6月18日 11:41

一篇文章学会如何使用 NestJS 的 Guards 守卫实现系统身份验证和授权
当我们基于NestJS框架构建和管理应用程序时,为了保障其安全性,我们常常需要对某些敏感操作或敏感信息的访问进行限制,这是我们需要使用到守卫的地方。它作为一种可以阻止未经授权的访问的机制,对我们的应用程序起到了守护的作用。在这篇文章中,我将深入剖析NestJS的守卫,以帮您全面了解这个概念。我会从解释其背后的工作机制开始,接着介绍使用守卫的各种场景,并以详细的示例来演示如何在NestJS项目中实现
客户端 · 阅读 5342 · 2024年1月1日 20:51

Git 如何合并多个 Commit 提交
当你在开发软件时,频繁的提交(commit)能帮你更好地追踪代码变化。然而,当一系列小的改动造成了大量的提交记录,合并(squash)这些提交能让历史更加清晰易读。在Git中,我们可以通过交互式rebase来实现这一点。现在,我会带你用一种简单易懂的方式,一步步地学会如何合并多个commit。Rebase交互式操作交互式rebase是Git的一个强大功能,它允许你重写历史—即重写连续的提交序列。你
工程 · 阅读 2427 · 2024年4月10日 00:31

Node模块循环引用的具体过程
如果A与B存在相互依赖、相互引用关系,不就形成了一个闭环或者说死循环?那程序怎么会继续解析呢?很显然,运行结果告诉我们,nodejs引擎有自己的一套处理循环引用的机制。下面我们根据上述运行结果,来推演了两个module模块的执行顺序,以了解nodejs打破闭环的机制。过程分解:①执行modA第一行,输出一个test接口②执行modA第二行,要引入modB此时断点产生了,即开始执行modB里的代码,
前端 · 阅读 2392 · 2022年6月18日 12:23

Node 项目参数配置化,命令行参数
前言:对于工程化的Node项目,如果设置配置系统参数,可以改变项目的参数耦合性。本文记录三种参数配置的方法。一、env变量process.env参数变量配置添加npm依赖npminstallcross-env-D命令行参数设置'scripts':{'start':'cross-envNODE_ENV=devAPI=localostnodeapp.js'}读取process.env参数console
服务端 · 阅读 1680 · 2022年6月18日 12:15
