【手写组件库之日历组件教程第一篇】基于React实现日历组件详细教程
日历组件是常见的日期时间相关的组件,围绕日历组件设计师做出过各种尝试,展示的形式也是五花八门。但是对于前端开发者来讲,主要我们能够掌握核心思路,不管多么奇葩的设计我们都能够把它做出来。本文将详细分析如何渲染一个简单的日历组件。在线演示DEMOhttps://calendar.levenx.com/#/simple-calendar实现步骤计算每个月中具体包含的日期因为日历需要把当前月的每一天都展
前端 · 阅读 3890 · 2023年8月24日 22:06

PM2,node项目不可或缺的部署工具
PM2一个node,本身就用几行代码,就可以启动个server进程,监听个端口,为大家提供Web服务工具安装npminstallpm2-g一、命令行启动普通执行启动pm2startjs文件路径.js携带参数启动pm2start某种方式----param_nameparam_valuenpm脚本启动pm2startnpm--runpm2startyarn--run🌰举个例子项目结构普通启动npm脚
服务端 · 阅读 1967 · 2022年6月18日 12:16

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

前端 UMD格式是如何工作的
在前端开发中,我们经常会遇到各种各样的模块格式,比如CommonJS、AMD和ES6模块。不同的模块格式在不同的环境下有不同的适用场景和优势。今天我们要聊的是一种可以兼容多种模块系统的格式——UMD(UniversalModuleDefinition,通用模块定义)。UMD格式的出现解决了不同模块系统之间的兼容性问题,让我们的代码能更好地复用。接下来,我们将通俗易懂地解释UMD格式是如何工作的。
前端 · 阅读 1457 · 2024年12月7日 23:15

探索 @nestjs/cqrs:在 NestJS 中实现命令查询责任分离模式CQRS
在构建大型和复杂的Web应用时,维护清晰的代码结构和高效的操作是至关重要的。NestJS作为一个现代的Node.js框架,提供了多种方式来帮助开发者编写结构化和可维护的代码。其中,@nestjs/cqrs模块就是一种强大的机制,它通过实现命令查询责任分离(CQRS)模式,使得代码更加模块化,业务逻辑更清晰,同时还带来了性能和安全性的提升。在本文中,我们将详细探讨CQRS模式的好处,并通过一个创建博
服务端 · 阅读 14636 · 2024年2月23日 17:41

前端如何利用发布订阅模式
前端如何利用发布-订阅模式发布-订阅模式(Pub/Sub)是一种广泛使用的设计模式,在前端开发中,它可以帮助我们管理复杂的事件逻辑,实现不同组件之间的松耦合通信。今天,我们将通过一个简单的例子来探索如何在前端项目中利用发布-订阅模式。发布-订阅模式简介发布-订阅模式允许对象(发布者)将消息发送给其他对象(订阅者),而无需知道接收对象的任何信息。这种模式独特之处在于,发布者和订阅者之间不存在直接联
前端 · 阅读 1677 · 2024年5月26日 16:56


为什么 Vue.js 的 data 属性必须是一个函数?
在前端开发中,Vue.js简洁易用的设计和强大的功能深受开发者喜爱,然而,对于刚接触Vue.js的开发者来说,有些设计理念可能并不直观。例如,为什么在Vue组件中,data属性需要定义为一个返回对象的函数,而不是直接定义为一个对象?本文将通过深入探讨这个问题,帮助你理解背后的设计逻辑和技术考量。初识data属性在Vue组件中,我们通过data属性来定义组件的状态(状态即我们所说的数据)。最初始的想
前端 · 阅读 925 · 2024年12月7日 23:32

React 使用 Recoil 和 LocalStorage 实现状态持久化
实现Recoil状态与LocalStorage的无缝集成,而不在业务组件中直接操作,我们可以使用Recoil的高阶工具——effect。Effect允许我们在atom的配置中直接定义与外部资源的交互,从而将持久化逻辑与业务组件解耦。下面是如何创建自动同步到LocalStorage的Recoilatom的步骤。实现步骤一、创建Recoil状态(atom)并添加effect首先,我们创建一个Recoi
前端 · 阅读 2709 · 2024年4月21日 19:33

TypeScript 中的 interface 和 type 有什么区别?应该如何选择?
TypeScript中的interface和type都是声明自定义类型的方式,但它们有一些区别,适用于不同的使用场景。两者使用案例interfaceinterface主要用于描述对象的形状或者类的结构,这是它最经常的应用场景。interface使用示例:interfacePerson{name:string;age:number;}functiongreet(person:Person){re
前端 · 阅读 3459 · 2023年12月20日 23:30
