一篇文章掌握 NestJS 所有的生命周期以及执行时机
NestJS是一个用于构建高效、可扩展的Node.js服务器端应用程序的框架,它使用TypeScript作为开发语言,也支持原生的JavaScript。在NestJS中,生命周期事件是一个重要的概念。在我们构建和管理应用程序时,有时需要在特定的阶段执行一些操作,例如在创建实例,添加或删除模块,突然终止程序时,对这些事件加以利用,可以使我们的应用程序更强大、灵活。在本文中,我将介绍NestJS的生命
服务端 · 阅读 6943 · 2023年12月29日 21:06

vscode node开发调试断点配置 launch.json
对于开发者来讲,怎么科学合理的进行程序调试是至关重要的。调试工具可以协助开发者清晰的看到程序的走向以及程序每一步执行的详细信息。开发前端项目,比如React,vue等,开发者可以直接在代码中插入debugger进行调试。Node程序调试,我们可以借助开发工具vscode提供的能力进行操作。调试配置选择调试选项,createalunch.jsonfile选择需要调试的环境,以Node程序调试系统
前端 · 阅读 2151 · 2022年6月18日 12:20

sequelize 关联关系(一对一、一对多、多对多)
准备工作为了演示sequelize的多表间关联关系,首先我先准备两个实体:user、role。1.初始化sequelize连接const{Sequelize,DataTypes}=require('sequelize');constsequelize=newSequelize({host:'127.0.0.1',port:3306,username:'root',password:'mypassw
服务端 · 阅读 1934 · 2022年6月18日 12:20

CSS 伪类与伪元素
伪类可以独立于文档的元素来分配样式,且可以分配给任何元素,逻辑上和功能上类类似,但是其是预定义的、不存在于文档树中且表达方式也不同,所以叫伪类。伪类选择元素基于的是当前元素处于的状态,或者说元素当前所具有的特性,而不是元素的id、class、属性等静态的标志。由于状态是动态变化的,所以一个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样式。由此可以看出,它的功能和c
前端 · 阅读 3211 · 2022年6月18日 12:03

CDN 了解一下
「为啥咱们的网站访问那么慢」「网站加载这么慢客户都跑了」「能不能把咱们的网站加载速度提升下」本文记录的内容「CDN」是解决上面问题的方法之一,也是技术难度,成本相对较低的一种方式。「问题起源」首先分析一下网站加载速度慢的原因(问题基于前端静态文件部署在普通的云服务器CVM上,没有设置其他任何优化措施的情况)浏览器渲染页面需要在请求到需要渲染的html文件的情况下,然后解析html中的等需要加载其他
前端 · 阅读 1514 · 2022年6月18日 11:45

React Hooks 的 useContext 使用和实践
在React中,状态管理一直是一个非常重要的话题,React的HookAPI自从16.8版本起就为函数组件提供了状态管理和副作用等能力。其中useContext是一个非常强大的Hook,它可以让你在组件树中直接共享状态,而无需手动地传递props。什么是Context?在深入useContext之前,我们需要理解什么是Context。在React应用中,数据是通过props从上至下(从父到子)传递
前端 · 阅读 3108 · 2024年3月4日 14:12

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

React 内置 Hook 之 useEffect
Hook是一种特殊的函数,使得你能够在不更改组件结构的条件下,重用组件之间的状态相关逻辑,进步提升我们代码的复用性和可维护性。其中,useEffect作为核心的一部分,帮助我们解决在类组件中副作用相关逻辑复杂难懂的问题。理解了Hook的概念,让我们现在深入探讨它其中一个重要的应用——useEffect。useEffect是什么useEffect是React的核心Hook之一。它让你可以在函数组件中
前端 · 阅读 2699 · 2022年3月14日 15:04

React 内置 Hook 之 useCallback 深度解析与使用案例
ReactHooks引入了一种全新的方式来处理state和其他React特性,让我们可以以更加声明式的风格去编写代码,从而使代码更加易读和可维护。其中,useCallback是一个常被提及但可能被大家误解或未能充分利用的hook。useCallback为我们提供了避免不必要渲染以及记住函数实例的能力,从而在性能优化上给我们开发者带来了新的手段。什么是useCallback简单来说,useCallb
前端 · 阅读 3101 · 2021年12月20日 13:15

CSS 选择器以及选择器的优先级
CSS选择器是CSS用于选择HTML元素并应用具体样式属性的语法。CSS选择器有许多种类型,本文会详细列举所有的选择器并举例说明具体用法以及CSS选择器权重计算和CSS生效属性分析。CSS选择器1.标签选择器2.类选择器3.ID选择器4.属性选择器5.伪类选择器6.子选择器7.后代选择器8.相邻兄弟选择器9通配符选择器。css选择器优先级权重计算...
前端 · 阅读 3460 · 2023年5月28日 00:57
